Question

html+css li实现不同行颜色不一样

求大神指教这个效果怎么实现，最后要调用的，不能写不同样式名的。。

Answer 1

CSS3可以直接选择奇偶数，，

<style>
#list li:nth-of-type(odd){ background:#00ccff;}奇数行 
#list li:nth-of-type(even){ background:#ffcc00;}偶数行 
</style>
<ul id="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>

如果不想用CSS3，怕有些低版本不支持的话，你只能用JS或者JQ来做，

同理，JQ取行数的奇偶，给加上不同的样式就可以了。

追问

问题不是奇偶数啊。
1 2
3 4
5 6
7 8
34跟78那两行变色啊。

追答

哦，我看成隔行变色了，
那你用楼下的倍数选择器就行了，
nth-child
你问度娘要它的详细说明就知道怎么用了，这个也是非常方便做出各种效果的。

Answer 2

li:nth-child(2n){/*此处可以设置偶数行样式*/}

Answer 3

给同一行的两列分别设置 li 的宽度和高度 ，就可以啦