1. 程式人生 > >css使用li奇數行或偶數行

css使用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>