当前第2页 返回上一页
例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
</style>
</head>
<body>
<p>第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
</body>
</html>
|
效果图:
说明:奇数(odd)与(2n+1)结果一样;偶数(even)与(2n+0)及(2n)结果一样。
(学习视频分享:css视频教程)
以上就是css怎么选择奇偶行元素的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
8个值得了解的css性能优化小技巧
css如何修改placeholder的颜色
css中:not用法是什么
css如何隐藏溢出来的文字
css层叠是什么
css后代选择器有哪些
外部css样式不生效怎么办
css如何自适应浏览器
css counter-increment属性怎么用
什么是css
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » css怎么选择奇偶行元素