<style>
/*奇数*/
ul li:nth-child(odd){
background-color: green;
}
/*偶数*/
ul li:nth-child(even){
background-color: red;
} </style>
<ul>
<li>
1
</li>
<li>
2
</li>
<li>
3
</li>
<li>
4
</li>
<li>
5
</li>
<li>
6
</li>
</ul>
相关文章
- 08-14前端 CSS的选择器 伪类选择器 CSS3 nth-child()
- 08-14输出 1-100 内的奇数和偶数,并对其分别求和(while嵌套if-else循环)
- 08-14css3的transform属性详解
- 08-14通过CSS3属性值的变化实现动画效果+触发这些动画产生交互
- 08-14CSS3 伪元素的使用
- 08-14CSS3中font-face属性的用法详解
- 08-14CSS—03—伪类;emmet语法;css属性的继承层叠
- 08-14HTML5+CSS3:01-HTML5新增标签、多媒体标签、input标签、新增表单属性、CSS3属性选择器、伪元素选择器、2D转换
- 08-14剑指Offer 面试题 21 调整数组顺序使奇数位于偶数前面 一次快排 以及对swap库函数地址传递的探索
- 08-14web前端入门到实战:CSS3的all属性