将子样式添加到父样式

Question

为什么这个css为页面上的所有表添加填充，而不仅仅是具有set类的表：

.CSS：

.tableclass th, tr, td {padding: 8px;}

.HTML：

<table class="tableclass>
<th>Header Text</th>
<tr>
<td>Content</td>
<tr>
</table>

我在页面上有 3 个表格，它们都有 8px 填充 - 我只想要表格类表中的 8px 填充。就像我为所有表元素设置了全局填充一样？！

Answer 1

这个，

.tableclass th, tr, td {padding: 8px;}

和这个一样

.tableclass th {padding: 8px;}
tr {padding: 8px;}
td {padding: 8px;}

因此，您将向.tableclass下的所有th元素添加 8px 填充，然后向所有tr元素和所有td元素添加 8px 填充。

正如罗希特·阿齐德（Rohit Azid）所建议的那样，您应该这样做：

.tableclass tr,
.tableclass th,
.tableclass td {
  padding: 8px;
}

（上面我假设你想要在表行元素上填充。如果我假设不好，我想你知道该怎么做）

Answer 2

你能检查一下所有的html标签是否正确关闭吗？您也可以尝试将不同的css类设置为其他两个表

Answer 3

嘿，现在习惯了这个表的 css，就像这样

.tableclass th, .tableclass tr td{
padding:8px;
}

现在，如果您想填充，请在表中应用此类，如下所示

<table class="tableclass">
<th>Header Text</th>
<tr>
<td>Content</td>
<tr>
</table>

现场演示 http://jsfiddle.net/DEYy6/