我如何CSS樣式一個影響TD的表？

Question

我想一個類申請表，可以讓我的風格的「TD」，而無需做這樣的事情：

<table class="myStyle"><tr><td="borderthing"></td><td style="borderthing"></td><td="borderthing"></td></tr></table> 

CSS明智的，我可以這樣做：

table.myStyle { 

} 

有辦法我可以做：

table.myStyle.td { 
// borderthing 
} 

Answer 1

只要刪除點。點是爲了上課。空間是爲後代。 >適用於第一代後代（即兒童）。

table.myStyle td { 
// borderthing 
} 

而且，這是什麼意思行：

<td="borderthing"></td> 

你剛纔忘了class=屬性？如果沒有，那是完全無效的HTML。

Answer 2

使用後代運算符（空格）或直接後代運算符（>）。

table.myStyle td { ... } 

table.myStyle > tbody > tr > td { ... } 

如果您有嵌套表，第二個將只應用於同一個表中的單元格。