CSS选择器：伪类

伪类

• 同一个标签，根据其不同的状态，展现不同的样式。

有静态伪类和动态伪类之分

（1）静态伪类：只能用于超链接的样式

:link 超链接被点击之前
:visited 超链接被访问过之后
注：以上两种形式，只能用于超链接

（2）动态伪类：针对所有标签都适用

:hover “悬停”：鼠标放置于标签上时
:active “激活”：鼠标点击标签，但不松手时
:focus 获得焦点时

:first-child伪类

:first-child 伪类与指定的元素匹配：该元素是另一个元素的第一个子元素。
譬如匹配所有<p> 元素中的第一个 <i> 元素

p i:first-child {
  color: blue;
}

再譬如匹配所有首个 <p> 元素中的所有 <i> 元素

p:first-child i {
  color: blue;
}

::after和::before

选择器	例子	例子描述
::after	p::after	在每个<p> 元素之后插入内容。
::before	p::before	在每个 <p> 元素之前插入内容。