Question

我有一个动态生成的表，我需要以不同的方式设置该表第一行的第5个单元格。

我可以通过以下方式设置第一行的样式：

//table.css

.mytable tbody tr:first-child { whatever styles I define.. }

或第5栏通过：

.mytable tbody td:nth-child(5) { whatever styles I define.. }

我尝试将这两个选择器组合在一起，以便第1行，第5列中的单元格不同但不成功。我怎样才能做到这一点？

Answer 1

您只需使用以下选择器

即可

Demo 2（多行）

.mytable tbody tr:first-child td:nth-child(5) {
   /* Styles goes here */
}

说明：上面的选择器选择嵌套在第一个td元素下的第五个tr元素，该元素进一步嵌套在tbody下，它进一步嵌套在具有类{{1}的任何元素下但很明显，.mytable将在tbody中使用，但如果您想使其具体，则可以将此table更改为.mytable

或者您可以使用

table.mytable

说明：与上述相同，使用.mytable tbody tr:nth-child(1) td:nth-child(5) { /* Styles goes here */ }代替nth