Question

我正在使用纯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>

但<tr>标记似乎并不知道它们属于课程redtable或yellowtable。是不是“CSS”的“C”应该意味着“层叠”？这些嵌套标签不应该继承类吗？

（我真的不必将显式类添加到每个<tr>。真正的表有数百行。）

JSFiddle链接：https://jsfiddle.net/tr0moyo0/

感谢。

Answer 1

这里的真正解决方案是不根本不使用CSS类。你可以非常简单地完成这个：

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

Answer 2

为每个人添加一个新班级，注意红色和黄色的位置。如果它以相同的形式存在，那么你可以通过特定类继承。

你怎么能有一个继承类的标签？

2 个答案: