css 伪类选择器

伪类选择器：

• -: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;
  } 

css 伪类选择器

原文：https://www.cnblogs.com/Jaryer/p/13705465.html