右键单击css“：active”，与浏览器实现不一致

Question

我刚刚注意到浏览器处理 css 的方式之间存在不一致：右键单击元素时的活动状态（上下文菜单单击）

• Firefox: :active 未触发
• Chrome: :active 被暂时触发，直到 mouseup 发生
• Safari 5 & IE 10: :active 被触发并且元素保持 :active 直到上下文菜单关闭

这里有一个快速的 jsfiddle 来复制这个 http://jsfiddle.net/annam/tqBqV/

div { background: red; }
div:active { background: green; }

有人知道正确的行为吗？估计没办法标准化吧？

Answer 1

Selectors 3 表示当元素被激活时:active 为真，并进一步定义通过鼠标等指针设备在按下主按钮时激活：

• :active 伪类在用户激活元素时应用。例如，在用户按下鼠标按钮并释放它的时间之间。在具有多个鼠标按钮的系统上，:active 仅适用于主要或主要激活按钮（通常是“左”鼠标按钮）及其任何别名。

如果在特定浏览器中为了:active 的目的而二次点击激活元素，则该浏览器违反规范（除非浏览器声称仅实现CSS2.1，此限制为不是一成不变的，但对于任何给定的浏览器都不是这样）。