html – 将css规则应用于偶数编号的表行 – 在标题行之后重置

每次显示特定行时,如何“重置”CSS中的偶数/奇数?

它看起来像这样:

header   header   header
even     even     even
odd      odd      odd
Subhead  Subhead  Subhead
even     even     even

那么无论小标题行在哪里,下一行总是均匀的?

最佳答案 您可以使用~with:nth-​​of-type选择器:

tr.subhead ~ tr:nth-of-type(even) {
/* your style*/
}

.subhead~tr将范围从子标题旁边的所有tr开始.

点赞