9.伪类选择器

1.链接伪类选择器

：link 未访问的链接

：visited 已经访问的链接

：hover 鼠标移动到链接尚的选择器

：active 选定的链接

2.结构（位置）伪类选择器

：first-child 选择父元素下的第一个子元素

：last-child 选取父类元素下最后一个子元素

：nth-child(n) 选择父类元素下的第n个元素（不区分元素类型）

：nth-last-child(n) 选择器匹配属于其元素的第n个元素的每个元素，不论元素的类型，从最后一个字元素开始计算，n可以是数字、关键词、公式

 

nth-child(数字)

li:nth-child(1){background:red;}

li:nth-child(odd){background:red;} odd奇数的孩子的标签

li:nth-child(even){background:red;} even 偶数的孩子的标签

li:nth-child(2n+1){background:red;} n+1 匹配等价于0dd所有奇数的孩子

 

nth-last-child(even ) 从最后一个子元素开始匹配 偶数

 

：target 目标伪类选择器，选择器可用于选取当前活动的目标元素

例子：

    

    

    

"big-bam-boom">Kaplow!

    "#big-bam-boom">Mission Control, we're a little parched up here.

　

上述代码的效果是当点击a链接，链接跳转到h1的时候，h1的文字会显示为红色

转载自：https://www.cnblogs.com/yub-fan/p/6774098.html