CSS：如何引用标签

Question

我知道如何在tag

中引用带有id或class的{​​{1}}

css

所以在 <table id="cooltable"> <tr> <td></td> <td></td> </tr> </table> 中，您可以通过

引用此css

<table>

但是，如果我想在css中引用 table#cooltable{ ... } 中的<td>，我该怎么做？

Answer 1

在CSS中，空格字符本身就意味着“后代”。例如，这指的是td的后代的每个table#cooltable：

table#cooltable td {
    ...
}

您还可以使用>运算符：这更严格，仅适用于直接子项。要使用它实现相同的效果，您可以写：

table#cooltable > tr > td {
    ...
}

在这种情况下，我更喜欢第一个选项，但在某些情况下 - 例如，多个<div>标签层，或嵌套表，这是一个非常有用的工具。

Answer 2

#cooltable td

或

#cooltable tr

Answer 3

table#cooltable td {
    /* css goes here */
}