CSS3 :nth-child() 选择器

CSS3 :nth-child() 选择器

代码：

<!DOCTYPE html>
 <html>
 <head>
 <style> 
 p:nth-child(2)
 {
 background:#ff0000;
}
 </style>
 </head>
 <body>
 
 <h1>这是标题</h1>
 <p>第一个段落。</p>
 <p>第二个段落。</p>
 <p>第三个段落。</p>
 <p>第四个段落。</p>
 
 <p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
 
 </body>
</html>

 

posted @ 2016-08-14 16:07  林育松  阅读(221)  评论(0)  编辑  收藏  举报