您的位置：首页 > Web前端 > CSS

CSS3的nth-child() 和nth-of-type（）选择器，表格奇偶行变色

2016-06-01 17:17 836 查看
nth-child（）选择匹配其父元素，不论其类型。

nth-of-type（）选择匹配其 父元素，区分类型。

例如

p:nth-of-type(2)
{
background:#ff0000;
}

<body>

<h1>这是标题</h1>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>

</body>

p:nth-of-type(2)

是第二个段落变成红色

p:nth-child(2)

是第一个锻炼变成红色

奇偶数匹配

odd代表奇数，even代表偶数

倍数写法

:nth-child(2n+1)， :nth-child(2n-3) ， :nth-child(4n+3)，可以这样写。n为自然数
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航