:active vs :focus

:active选择器:focus代表元素的不同状态。

选择:focus器在元素准备好与之交互时出现。它发生在

• 用户按下Tab键将焦点放在元素上
• 用户使用鼠标单击元素
• 在触摸屏上，用户点击元素

选择:active器在元素被激活时应用。它将在用户单击元素并释放鼠标期间保留。

在 iOS 上运行的 Safari 浏览器有一个重要通知。:focus支持选择器，而只有在相关元素或元素:active的事件有处理程序时才应用选择器。touchstartbody

好习惯

有些人喜欢用键盘浏览网页。通过Tab按键，用户可以快速跳转到可聚焦的元素。一些原生 HTML 元素（例如<a>、<button>、<input>和）提供内置的键盘可访问性<select>。<textarea>