发布时间:2025-12-11 01:24:31 浏览次数:19
在css3中,odd和even用于在伪类选择器中作为关键字选中指定元素,odd表示奇数元素,even表示偶数元素;odd和even常与“:nth-child(n)”选择器配合使用,语法“元素:选择器(odd或even){css样式代码}”。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
odd代表奇数,even代表偶数。
odd和even常用于在伪类选择器中选中指定的元素。
示例如下:
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title><style>p:nth-child(odd){background:#ff0000;}p:nth-child(even){background:#0000ff;}</style></head><body><h2>Thisisaheading</h2><p>Thefirstparagraph.</p><p>Thesecondparagraph.</p><p>Thethirdparagraph.</p><p><b>注意:</b>InternetExplorer8and以及更早版本的浏览器:nth-child()选择器.</p></body></html>输出结果: