css3 选择器 nth-child()选择问题

nth-child() 是一个伪类选择器,它并不会按照标签的顺序进行选择,而是按照顺序进行选择
#例子:
<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-child(8) # 先根据顺序选择第8行,在检查它是否是p元素,如果是p就是红色,父元素是body
{
background:#ff0000;
}
</style>
</head>
<body>

<h1>这是标题</h1>1
<p>第一个段落。</p>2
<p>第二个段落。</p>3
<p>第三个段落。</p>4
<p>第四个段落。</p>5

<p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p>6

<h1>这是标题</h1>7
<p>第一个段落。</p>8
<p>第二个段落。</p>9
<p>第三个段落。</p>10
<p>第四个段落。</p>11

</body>
</html>

你可能感兴趣的:(css3)