html tr设置选中状态,html – 是否有一个tr线特定CSS选择器的语法？

如上所述,选择C,tr：first-of-type,tr：last-of-type是正确的答案,但只有在行被语义上划分为一个a和tbody元素作为选择A似乎暗示时.

这是一个例证,说明如何根据上述假设匹配每个所需要的元素：

tr:first-of-type, tr:last-of-type {

background-color: lightblue;

}

Product

Adjustable Race BladeChainringDown Tube

假设thead和tbody没有其他孩子比tr(如模板或脚本),tr：first-child,tr：最后一个孩子也会工作.请注意,选择D不正确,因为它使用具有传统单冒号语法的第一行伪元素,而不是：first-child伪类,此外：第一行伪元素没有意义在表行元素上.

选择B是不正确的,因为没有这样的语法.其他人则非常重要,因为这种语法对于选择器没有意义,因为它似乎将属性语法与不存在的属性“lines”一起使用,随后将垃圾伪装为某种运算符,后跟无效值语法,最重要的是整个“属性选择器”之前是后代组合器,即使选择器应该定位到tr元素而不是其后代.而且我同意CBroe的意见,因为它可能被简单地混淆了 – 尽管它确实让人想知道测试者是否可以刻意地将其标记为对巨魔的正确答案…

此外,表格没有“线条”的概念;他们有“行”,所以调用这样的选择器“line”是非常粗心的(尽管再次,我们有：链接未访问的链接和访问链接,which has come back to bite us now).

您可能想知道除了基本的：* – 类型伪类之外是否有匹配表行元素的特殊选择器语法.不,没有.这是因为HTML是行主标记语言,这意味着行以行元素(因此tr)的形式表示,以及一系列单元格元素隐含的列.因此,当基本结构伪类工作正常时,几乎不需要创建特殊的选择器来匹配行.

然而,不可能基于行语义相对于单元格进行匹配,特别是考虑到单元格可以通过rowspan属性跨多个行.例如,除非您选择该单元格显示的特定行,否则您无法在特定列中编写与某个列相关联的单元格的选择器,这通常需要事先知道标记,并假定该结构不会改变这可能会随着选择器4中引入的:has() pseudo-class而改进,但是如何在这种情况下使用,或者根本就可以使用它,还有待观察.