css伪类

标签：必须   特殊   ted   严格   效果   link   伪类   选中   其他   

伪类就是在元素的后面加 ":"用来添加一些选择器的特殊效果，或者对当前元素进行筛选

1.anchor伪类

anchor伪类从作用上说就是为选择器添加特殊效果

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

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

2.以下的伪类的作用都是对当前元素的筛选

p:first-child 选中同级兄弟中的第一个p元素,且这个必须是同级第一个元素
p:last-child 选中同级兄弟中的最后一个p元素,且这个元素必须是同级最后一个元素
p:nth-child(n) 选中同级兄弟中p元素，且这个元素必须是同级的第n个元素

p:nth-of-type(n) 选中同级兄弟中的第n个p元素 n为1开始
p:first-of-type 选中同级兄弟中的第一个p元素
p:last-of-type 选中同级兄弟中的最后一个p元素

PS:这个2种伪类都是对当前选中元素的又一次筛选，只是前面的伪类更为严格，既要索引对的上，还要元素类型对的上。而后面的伪类在计算索引是一家排除了其他类型的元素。

css伪类

标签：必须   特殊   ted   严格   效果   link   伪类   选中   其他   

原文地址：https://www.cnblogs.com/OrochiZ-/p/11622430.html