码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • :active vs :focus


    :active选择器:focus代表元素的不同状态。
    选择:focus器在元素准备好与之交互时出现。它发生在
    • 用户按下Tab键将焦点放在元素上
    • 用户使用鼠标单击元素
    • 在触摸屏上,用户点击元素
    选择:active器在元素被激活时应用。它将在用户单击元素并释放鼠标期间保留。
    在 iOS 上运行的 Safari 浏览器有一个重要通知。:focus支持选择器,而只有在相关元素或元素:active的事件有处理程序时才应用选择器。touchstartbody

    好习惯

    有些人喜欢用键盘浏览网页。通过Tab按键,用户可以快速跳转到可聚焦的元素。一些原生 HTML 元素(例如、