:active
/* Selects any <a> that is being activated */
a:active {
color: red;
}由:active伪类定义的样式会被后续中任何与链接相关的，至少具有等于特异性的伪类（如:link，:hover或:visited）所覆盖。要想适当地设置链接的样式，需要将:active规则放在其他所有与该链接相关的规则之后，如LVHA-order所定义的那样：:link- :visited- :hover- :active。
注：在具有多按钮鼠标的系统上，CSS 3指定:active伪类只能应用于主按钮；在右手鼠标上，这通常是最左边的按钮。
语法
:active实例
HTML
<a href="#">This link will turn lime while you click on it.</a>CSS
a:link { color: blue } /* Unvisited links */
a:visited { color: purple } /* Visited links */
a:hover { font-weight: bold } /* User hovers */
a:active { color: lime } /* Active links */结果
规范
Specification | Status | Comment |
|---|---|---|
HTML Living StandardThe definition of ':active' in that specification. | Living Standard | ? |
Selectors Level 4The definition of ':active' in that specification. | Working Draft | No change. |
Selectors Level 3The definition of ':active' in that specification. | Recommendation | No change. |
CSS Level 2 (Revision 1)The definition of ':active' in that specification. | Recommendation | No change. |
CSS Level 1The definition of ':active' in that specification. | Recommendation | Initial definition. |
浏览器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 4.0 | 5.0 | 1.0 |
Support on non-<a> elements | 1.0 | (Yes) | 1.0 (1.7 or earlier) | 8.0 | 7.0 | 1.0 |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | 1.0 | (Yes) | 1.0 (1.0) | 6.0 | 6.0 | 1.0 |
Support on non-<a> elements | 1.0 | (Yes) | 1.0 (1.0) | ? | ? | (Yes) 1 |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
