css伪类

Posted 2022-12-22 orochiz-

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

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种伪类都是对当前选中元素的又一次筛选，只是前面的伪类更为严格，既要索引对的上，还要元素类型对的上。而后面的伪类在计算索引是一家排除了其他类型的元素。