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> 元素之前 插入内容。