在css3中，odd和even用于在伪类选择器中作为关键字选中指定元素，odd表示奇数元素，even表示偶数元素；odd和even常与“:nth-child(n)”选择器配合使用，语法“元素:选择器(odd或even){css样式代码}”。
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
odd代表奇数，even代表偶数。
odd和even常用于在伪类选择器中选中指定的元素。
示例如下：
立即学习“前端免费学习笔记（深入）”；
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p:nth-child(odd)
{
background:#ff0000;
}
p:nth-child(even)
{
background:#0000ff;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
<p><b>注意:</b> Internet Explorer 8 and以及更早版本的浏览器 :nth-child()选择器.</p>
</body>
</html>输出结果：
（学习视频分享：css视频教程）
以上就是css3中odd和even的用法是什么的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
532
收藏
