5 CSS3中的结构性伪类选择器（中）

5 CSS3中的结构性伪类选择器（中）

在学习结构性伪类选择器之前，先了解两个概念(CSS中的伪类选择器和伪元素)。

伪类选择器是CSS中已经定义好的选择器，不能随便取名 常用的伪类选择器是使用在a元素上的几种，如a:link|a:visited|a:hover|a:active。

而伪元素选择器并不是针对真正的元素使用的选择器，而是针对CSS中已经定义好的伪元素使用的选择器，CSS中有如下四种伪元素选择器（first-line、first-letter、before、after），例如p:first-line{ color:#ff0000;}， li:after{ content: url(dot.png)} 。

而在CSS3中引入的结构性伪类选择器的共同特征是允许开发者根据文档树中的结构来指定元素的样式

四个最基本的结构性伪类选择器

28.png

29.png

30.png

31.png

32.png