html - CSS:如何引用标签

Question

我知道如何引用 tag用id或 class在 css

 <table id="cooltable">
      <tr>
          <td></td>
          <td></td>
      </tr>
 </table>

所以在css , 你引用这个<table>通过

 table#cooltable{
     ...
 }

但是，如果我想引用 <td>在 <table>在 css 中，我该怎么做？

Answer 1

在 CSS 中，空格字符本身表示“后代”。例如，这指的是每个 td那是 table#cooltable 的后代:

table#cooltable td {
    ...
}

您还可以使用 >运算符:这更严格，仅适用于直接子级。要使用它达到相同的效果，您可以这样写:

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

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