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 内边距。这就像我为所有表格元素设置了全局填充？!

Answer 1

这个，

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

和这个一样

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

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

正如 Rohit Azid 所建议的，这是您应该如何做的:

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

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