一、链接伪类选择器
如图所示,下面四个链接伪类选择器表达的是每个链接伪类选择器的含义
注意:1、4个书写顺序不能颠倒。
2、可以省略其中几个伪类选择器,一般都只使用link和hover。
二、结构伪类选择器
1、:first-child:选取其父元素的子元素的首个孩子,效果如图
2、:last-child :选取其父元素的子元素的最后一个孩子,效果如图
3、:nth-child() :作用是选取某些孩子集合,顺序是从第一个往最后一个数,可以使一个具体位置的孩子,例如(li:nth-child(3)选择第三个孩子),也可以使一个表达式,例如(li:nth-child(2n)选取偶数的孩子集合),如图
4、:nth-last-child:和nth-child的功能相同,只是计数顺序不同,这个是从最后一个往前数。例子如图
三、目标伪类选择器
:target :当点击到目标位置时候,发生的一个样式改变,具体写法如下图