有什么区别：重点和：主动？
:focus和:active伪类有什么区别？
:focus和:active是两个不同的状态。
:focus表示元素是当前select的元素以接收来自input设备（键盘）的input的状态。 :active表示元素当前正被用户激活的状态。
我们用一个例子来说明这一点。 假设我们有一个<button> 。 <button>不会有任何状态开始。 它只是存在。 如果我们使用Tab键给“ <button> ”赋予“焦点”，它现在进入其:focus状态。 如果你点击（或者按下空格键），你就可以使button进入（ :active ）状态。
在这个笔记上，当你点击一个元素时，你把焦点放在焦点上，这也培养了一个错觉:focus和:active是一样的。 他们不一样。 点击button时:focus:active状态。
一个例子：
<style type="text/css"> button { font-weight: normal; color: black; } button:focus { color: red; } button:active { font-weight: bold; } </style> <button> When clicked, my text turns red AND bold!<br /> But not when focused, where my text just turns red </button>
:active Adds a style to an element that is activated :focus Adds a style to an element that has keyboard input focus :hover Adds a style to an element when you mouse over it :lang Adds a style to an element with a specific lang attribute :link Adds a style to an unvisited link :visited Adds a style to a visited link
来源： CSS伪类
有四种情况。
- 默认情况下，活动和焦点都closures。
- 当您select循环可
:focus元素时 ，它们将input:focus（无效）。 - 当你点击一个不可聚焦的元素时 ，它会进入
:active（没有焦点）。 - 当你点击一个可聚焦的元素时，它会进入
:active:focus（同时激活和聚焦）。
例：
<div> I cannot be focused. </div> <div tabindex="0"> I am focusable. </div>
div:focus { background: green; } div:active { color: orange; } div:focus:active { font-weight: bold; }
当页面加载时，两者都是情况1.当你按下标签，你会关注第二个div，并看到它展示案例2.当你点击第一个div时，你会看到情况3.当你点击第二个div时，你会看到情况4 。
另一个问题是元素是否可以聚焦。 大多数不是默认的。 但是，假设<a> ， <input> ， <textarea>默认是可以对焦的。
：焦点是当一个元素能够接受input – 光标在一个input框或已被选中的链接。
：当用户激活一个元素时，active是用户按下鼠标button然后释放它的时间。
主动是当用户激活该点（如鼠标点击，如果我们使用从现场到现场的标签没有活跃的风格标志，也许点击需要更多的时间，只要点击该点），焦点发生后该点被激活。 尝试这个 ：
<style type="text/css"> input { font-weight: normal; color: black; } input:focus { color: green; outline: 1px solid green; } input:active { color: red; outline: 1px solid red; } </style> <input type="text"/> <input type="text"/>
焦点只能通过键盘input给出，但元素可以通过鼠标或键盘来激活。
如果使用：关注链接，则样式规则只适用于按下键盘上的button。
使用“焦点”将为键盘用户提供与使用鼠标hover时的鼠标用户相同的效果。 需要“活动”才能在Internet Explorer中获得相同的效果。
现实情况是，这些国家并不像所有用户那样工作。 如果不使用全部三个select器，则会为许多无法使用鼠标的键盘用户创build可访问性问题。 我邀请你参加#nomouse挑战（nomouse dot org）。
