1-3结构性伪类选择器2

点击下面按钮，按下鼠标左键不抬起时请观察列表A和列表B选择结果

li元素作为第一个孩子的元素背景为浅紫色
li元素作为最后一个孩子的元素背景为棕色
li元素作为第2个孩子的元素背景为深灰色
li元素作为倒数第3个孩子的元素背景为金黄色

列表A

列表B


点击下面按钮，按下鼠标左键不抬起时请观察下列标题的选择结果

h2作为第奇数个孩子的元素背景为黄绿色（其实这些标题都是）
h2作为第偶数个孩子的元素背景为黄绿色（其实没有）
孩子中所有h2元素的第奇数个背景为绿黄色
孩子中所有h2元素的第偶数个背景为绿黄色

下面的标题都是h2

文章标题1

文章正文。。。

文章标题2

文章正文。。。

文章标题3

文章正文。。。

文章标题4

文章正文。。。

文章标题5

文章正文。。。

文章标题6

文章正文。。。


点击下面按钮，按下鼠标左键不抬起时请观察下面列表的选择结果

下面第4n+1个li元素的背景为红色
下面第4n+2个li元素的背景为橙色
下面第3n+1个li元素的背景为黄色
下面第4n个li元素的背景为绿色
如果li元素是独生子则背景为粉红色，并绘制轮廓