我如何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 { ... } 

如果您有嵌套表，第二个将只应用于同一个表中的单元格。