css伪类（Pseudo-classes）

简介：伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; }，简单地用一个半角英文冒号（:）来隔开选择符和伪类。CSS很多的建议并没有得到浏览器的支持，但有四个可以安全用在超链接上的伪类。

:link用在未访问的连接上。

:visited用在已经访问过的连接上。

:active用于获得焦点（比如，被点击）的连接上。

:hover 用于鼠标光标置于其上的连接。

应用场景：比如a标签在不同状态下显示不同的颜色

a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

需要注意

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

提示：伪类名称对大小写不敏感。

另外还有一些常见的如：first-child（应用场景如li的第一个元素和其它元素的样式不同时）

参考

1.http://www.w3school.com.cn/css/css_pseudo_classes.asp

转载于:https://www.cnblogs.com/i-bugs/p/4040917.html