CSS：如何引用标签答案

【问题标题】：CSS: How to refer to a tagCSS：如何引用标签
【发布时间】：2010-03-30 21:08:58
【问题描述】：

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

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

所以在css，你参考这个<table>

 table#cooltable{
     ...
 }

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

【问题讨论】：

请阅读有关 CSS 的书籍，而不是盲目地采用它并在编写代码时学习它。如果你了解它的工作原理，你会过得更好。很有可能，在学习了它之后，你会回过头来看看你写的旧 CSS 并嘲笑自己。
这里的表格很好地概述了 CSS2 中所有可用的选择器模式：w3.org/TR/CSS2/selector.html 和 CSS3：w3.org/TR/css3-selectors/#selectors
这可以在评论中回答：#cooltable td { ... }。但是，这将选择 #cooltable 下的所有 td 元素。

标签： html css tags

【解决方案1】：

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

table#cooltable td {
    ...
}

您也可以使用> 运算符：这更严格，并且仅适用于直接子代。为了达到同样的效果，你可以这样写：

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

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

【讨论】：

【解决方案2】：

#cooltable td

或

#cooltable tr

【讨论】：

【解决方案3】：

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

【讨论】：