CSS如何设置影响TD的表？

Question

我想在表格中应用一个类，这样我就可以设置“td”样式而不必执行以下操作：

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

CSS Wise，我能做到：

table.myStyle {

}

我有办法吗？

table.myStyle.td {
// borderthing 
}

Answer 1

使用后代运算符（空格）或直接后代运算符（>）。

table.myStyle td { ... }

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

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

Answer 2

只需删除点。点是为了课程。空间是为了后代。 >适用于第一代后代（即儿童）。

table.myStyle td {
// borderthing 
}

此外，这一行意味着什么：

<td="borderthing"></td>

您是否忘记了class=属性？如果没有，这是完全无效的HTML。