css - 将子样式添加到父项

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 填充——我只想要 tableclass 表中的 8px 填充。就像我为所有表格元素设置了一个全局填充？！

score 1 · Accepted Answer

这个，

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

和这个一样

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

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

正如 Rohit Azid 建议的那样，您应该这样做：

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

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

score 0 · Accepted Answer

您能否检查所有 html 标记是否正确关闭。您也可以尝试为其他两个表设置不同的 css 类

score 0 · Accepted Answer

嘿，现在习惯了这个表的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/

3 回答 3