css选择器（下）--伪类选择器

伪类的语法：

selector:pseudo-class {property:value;}

CSS类也可以使用伪类：

selector.class:pseudo-class {property:value;}

（1）动态伪类选择器

:link未被访问过

:visited已被访问过

:active点击时

:hover鼠标滑过时

:focus元素获得焦点时

注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

注意： 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

（2）结构伪类选择器

①:first-child:选择一个元素的第一个子元素

②:last-child:选择一个元素的最后一个子元素

③:nth-child():选择某个元素的一个或多个特定的子元素

④:nth-last-child():选中某个元素的一个或多个特定的子元素，从这个元素的最后一个子元素开始计算

⑤:nth-of-type():选择指定的元素

⑥:nth-last-of-type():选择指定的元素，从元素的最后一个开始计算

⑦:first-of-type:选择一个上级元素下的第一个同类子元素

⑧:last-of-type:选择一个上级元素下的最后一个同类子元素

⑨:only-child:选择的元素是他的父级元素的唯一子元素

⑩:only-of-type:选择一个上级元素的唯一一个同类型的子元素

⑩:empty:选择的元素里面没有任何内容

（3）否定伪类选择器

:not()表示否定伪类选择器，TA可以排除掉特定元素

（4）状态伪类选择器

①:enabled伪类表示匹配指定范围内所有可用元素

②:disabled伪类表示匹配指定范围内所有不可用元素

③:checked伪类表示匹配指定范围内所有选中的元素