在設計表格時，建立備用行顏色是一項常見任務。傳統上，對錶行(TR) 使用類別屬性是一種流行的方法，如提供的範例所示：
tr.d0 td {
background-color: #CC9999;
color: black;
}
tr.d1 td {
background-color: #9999CC;
color: black;
}但是，在處理較大的表格時，此方法可能會變得乏味。那麼，我們可以使用 CSS 來設定沒有類別屬性的替代行樣式嗎？
答案是肯定的。對錶本身使用類別屬性（table.alternate_color），我們可以獲得與對每行使用類別屬性相同的結果：
table.alternate_color tbody tr:nth-child(odd) {
background-color: #CC9999;
color: black;
}
table.alternate_color tbody tr:nth-child(even) {
background-color: #9999CC;
color: black;
}此方法提供了靈活性，讓您可以輕鬆修改表格的樣式奇數行和偶數行。
另一種方法涉及使用 jQuery 來操作表的行。如果您想要更多地控制渲染過程，此解決方案非常適合：
$(document).ready(function() {
$("tr:odd").css({
"background-color": "#000",
"color": "#fff"
});
});此外，您可以使用CSS nth-child選擇器來指定交替行的樣式：
tbody tr:nth-child(odd) {
background-color: #4C8BF5;
color: #fff;
}透過利用這些技術，您可以使用交替行顏色建立動態且具有視覺吸引力的表格CSS。
以上是CSS 樣式可以交替表格行而不在每行上使用類別屬性嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
