我用的是普通的CSS，做表格。我希望表格中的每一個奇數行都突出顯示，以便于閱讀。但是我希望不同的桌子有不同的顏色。

看起來這應該行得通:

CSS文件:

.redtable.odd {background-color:red;}
.yellowtable.odd {background-color: yellow;}

HTML文件:

<table class="redtable">
  <tr class="odd"><td>row</td><td>1</td></tr>
  <tr><td>row</td><td>2</td></tr>
  <tr class="odd"><td>row</td><td>3</td></tr>
</table>

<table class="yellowtable">
  <tr class="odd"><td>row</td><td>1</td></tr>
  <tr><td>row</td><td>2</td></tr>
  <tr class="odd"><td>row</td><td>3</td></tr>
</table>

但是& lttr & gt標簽似乎不知道它們屬于redtable或yellowtable類。“CSS”的“C”不是應該是“層疊”的意思嗎？這些嵌套標簽不應該繼承類嗎？

(我真的不想在每個單獨的類中添加顯式類& lttr & gt。真正的表有數百行長。)

JSFiddle鏈接:https://jsfiddle.net/tr0moyo0/

謝了。

# # #這里真正的解決方案是根本不使用CSS類。你可以很簡單地做到這一點:

table:nth-child(even) tr:nth-child(odd) {
  background-color: red;
}
table:nth-child(odd) tr:nth-child(odd) {
  background-color: blue;
}

# # #給每一個添加一個新類，以記錄紅色和黃色的位置。如果它是相同的形式，那么你可以通過特定的類來繼承。