css如何设置具有特定id的tr

Question

我知道这个问题是通过互联网问了数百万次。但由于我的英语不好，我无法知道要搜索的好词

我有一个具有特定ID的tr：

<table class="tableClass">
<tr id="oneID">
</tr>
<tr id="secondID">
</tr>
</table>

我这样做我的CSS：

.tableClass #oneID{}

并且有效。

我想要的是做这样的事情：

.tableClass tr[@id="oneID"]

Answer 1

试试这个CSS

.tableClass tr#oneID

Answer 2

您将使用选择器

.tableClass tr#oneID {

}

但实际上没有理由，因为元素ID必须是唯一的，因此选择器tr#oneID被过度指定。 #oneID最多可以匹配一个元素，因此编写 more 特定选择器没有意义。

Answer 3

使用

.tableClass #oneID

或

.tableClass [id="oneID"]

使用前者通常更好的做法，除非您需要部分匹配或匹配不同的属性。 tr是不必要的，因为没有其他oneID，这将是无效的。不太具体的选择器也会更快（尽管是微小的）。

Answer 4

您也可以使用nth-child选择器以这种方式指定行。

.tableClass tr:nth-child(1){
}

这假设所提供的示例将以数字方式以相同的方式继续。