伪类选择器：
- -:focus ：选择器用于选取获得焦点的元素。
- -:first-child：伪类来选择元素的第一个子元素
- -:link：未访问过的链接
- -:visited：已经访问过的链接
- -:hover：鼠标移动到标签上
- -:active：点击/选中的标签
例子：
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
注意
a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
:first-child
选择器匹配所有<p>元素中的第一个 <i> 元素：
p > i:first-child {
font-weight:bold;
}
匹配所有作为第一个子元素的
元素中的所有 元素
p:first-child i {
color:blue;
}