使用方式为:选择器:描述
。伪类选择器实现了逻辑描述
类型的选择器,而不是静态的
选择器。符合伪类中的逻辑描述的元素将被选中。
a:hover 表示选择鼠标hover时的a元素
:root 表示选择文档的根元素
p:first-child 表示选择p的第一个子元素
以上选择器中,冒号后的单词都是一个逻辑描述,即:被hover的;根的;第一个子元素。符合这些描述的元素将被选中。
常用的伪类选择器
:link 选择所有未被访问的链接。
:visited 选择所有已经被访问过的链接。
:hover 选择鼠标指针浮动在其上的元素。
:active 选择活动状态的元素。
:focus 选择得到焦点的元素。
:first-child 选择元素的第一个子元素。
:last-child 选择元素的最后一个子元素。
**:nth-child(n)** 选择元素的第n个子元素。
:root 选择文档的根元素 使用:root选择器可以方便地为整个文档设置全局的CSS变量,如下: