在表中交替排列樣式

Question

是否可以使用僅考慮元素層次結構並且不使用樣式名稱的樣式選擇器來設置html表中交替行的樣式？

我需要樣式html服務器組件生成的輸出，並且輸出不會爲交替行設置樣式。我可以寫一個JavaScript（或者更改組件），但我很好奇是否可以在純CSS中執行操作。

感謝 康斯坦丁

Answer 1

在CSS 3：

tr:nth-child(odd) { background-color:#eee; } 
tr:nth-child(even) { background-color:#fff; } 

而且在CSS 2，你必須使用在如一些類偶數行如：

.even { background-color: #00000; } 

並且您必須在生成行服務器端（或手中;-)）或使用例如， jQuery像：

$(document).ready(function() { 
    $("tr.nth-child(even)").addClass("even"); 
    //Or 
    $("tr:even").addClass("even"); 
});