CSS：如何引用一個標籤

Question

我知道如何指tag與id或class在css

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

所以在css，U是指該<table>通過

table#cooltable{ 
    ... 
} 

然而，如果我想在css中參考<table>中的<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 */ 
}