将子样式添加到Parent

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填充。这就像我为所有表元素设置了一个全局填充？！

Answer 1

此，

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

与此相同

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

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

正如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/