css 設置奇數行偶數行樣式

.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>