css 设置奇数行偶数行样式

标签：20px   das   情况   mda   样式   奇数   解决   ul li   第一个   

.list ul li:nth-child(even){ ...}    //li的偶数行样式

.list ul li:nth-child(odd){ ...}    //li的奇数行样式

.list ul li:nth-child(1){ top:0;}       //第一个li
.list ul li:nth-child(2){ top:30px;}    //第二个li

部分情况下的解决方案

<style>  
.list li:nth-of-type(odd){ margin-left: 20px;}奇数行   
.list li:nth-of-type(even){margin-left: 10px;}偶数行   
<style>  
————————————————
版权声明：本文为CSDN博主「勿六七」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/itworkermk/article/details/53939515

css 设置奇数行偶数行样式

标签：20px   das   情况   mda   样式   奇数   解决   ul li   第一个   

原文地址：https://www.cnblogs.com/helloyoyo/p/11880979.html