这些CSS选择器tr.odd和tr.even是什么?

这些CSS选择器tr.odd和tr.even是什么?,css,Css,我正在维护一个10年前在CMS上的遗留站点。我发现下面的代码显然是为了可读性而将表格分条的 .content tr.odd { color: #6e6e6e; background-color: #ffffff; } .content tr.even { color: #6e6e6e; background-color: #ffeac1; } 谷歌没有帮助;它所谈论的只是通常的tr:n子形式。我想知道这是否是某种神奇的CSS选择器,它的工作

我正在维护一个10年前在CMS上的遗留站点。我发现下面的代码显然是为了可读性而将表格分条的

 .content tr.odd {
     color: #6e6e6e;
     background-color: #ffffff;
 }
 .content tr.even {   
     color: #6e6e6e;
     background-color: #ffeac1;
 }
谷歌没有帮助;它所谈论的只是通常的tr:n子形式。我想知道这是否是某种神奇的CSS选择器,它的工作方式就像它们的声音一样。。。还是有人真的在喝威士忌


编辑:或者这是某种不推荐使用的表单?那会是什么样的历史呢?为什么他们没有使用常规的、广泛记录的方法?

提高大型表格可读性的一种方法是对交替行进行着色。例如,下表的偶数行背景为浅灰色,奇数行背景为白色


无论创建tr元素的是什么,都必须应用这些类。也就是说,它的样式如下:

<tr class="odd">...</tr>
<tr class="even">...</tr>

在第二种情况下,您不需要像第一个示例中那样显式地应用奇偶类。

是的,如果tr中包含奇偶类,则可以使用content@Hosch250我确实用谷歌搜索了一下,并浏览了前两页。我看不到任何关于tr.odd和tr.even方法的参考资料,而是大量关于第n个child方法的参考资料。我是否需要在问题中披露所有这些以避免被否决票?对CSS选择器的简单理解可以告诉你答案。这就是否决票的意义所在。@Hosch250我被一个概念蒙蔽了双眼,那就是在每一个表行中都费力地放置class=even等,这看起来非常尴尬,在第一次编辑表时就会分解。我想象这会是一种自动的方法,比如第N个孩子,我认为这是最奇怪的,因此我提出了我的问题。撤回我的DV,因为这是一个合理的问题,因为你编辑了你的问题来反映这一点,并且知道网络的状态,这实际上是我可以看到人们在做的事情。然而,一般来说,按照很多人的标准,这实际上是很好的编程嘿,他们实际上使用了命名良好的类来进行样式设计。有趣。9-10年前不存在第n个子表单吗?我试图理解他们为什么会使用这种技术。当时可能不会一直支持这种技术。它是一个CSS3选择器,在IE9和Firefox 3.5发布之前,它似乎不受支持,而当时Chrome的原始版本也将在该时间段内发布
tr:nth-child(odd) {
    color: #6e6e6e;
    background-color: #ffffff;
}

tr:nth-child(even) {
    color: #6e6e6e;
    background-color: #ffffff;
}