所属分类：web前端开发
css3中单数li的写法是“li:nth-child(odd)”；“:nth-child”选择器用于匹配属于其父元素的指定子元素，选择器内的参数设置为“Odd”时，表示匹配下标是奇数的子元素，其中第一个子元素的下标是“1”。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。
:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。
n 可以是数字、关键词或公式。
Odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是 1）。
因此写法是：
微博登录
QQ登录li:nth-child(odd)
登录后复制示例如下：
<!DOCTYPE html>
<html>
<head>
<style>
li:nth-child(odd)
{
background:#ff0000;
}
</style>
</head>
<body>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<p><b>注释：</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
</body>
</html>登录后复制输出结果：
（学习视频分享：css视频教程）
以上就是css3中单数li的写法是什么的详细内容，更多请关注zzsucai.com其它相关文章！
