使用CSS 偽類設定偶數和奇數元素的樣式
問題:
問題:問題:
li { color: blue } li:odd { color:green } li:even { color:red }
<ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul>
以下程式碼預計會產生一個清單具有交替的綠色和紅色項目,但相反,所有項目都是藍色。
li { color: black; } li:nth-child(odd) { color: #777; } li:nth-child(even) { color: blue; }
<ul> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> <li>ho</li> </ul>
要正確設定偶數和奇數元素的樣式,應使用 :nth-child偽類而不是:奇數和:even:
演示: [JSfiddle](http://jsfiddle.net/thirtydot/K3TuN/1323/)以上是CSS 偽類可以設定偶數和奇數列表項目的樣式嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!