CSS:如何引用标签

Question

我知道怎么tag用a id或classin 来引用acss

 <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>例如多个标签层,或嵌套表,这是一个非常有用的工具.