孩子款式加入母公司

Question

为什么这个CSS与设定类添加填充到所有的表在页面上，而不是仅仅表：

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

你能检查是否所有的html标签都正确关闭。你也可以尝试像这样

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

现在不同的CSS类此表设置两个其他表

Answer 2

现在用来喂到CSS如果你想填充比你的表应用这个类作为这样

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

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

Answer 3

这

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

是相同的，因为这

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

所以，你要添加8像素填充，以.tableclass下的所有th元素，然后所有tr元素和所有td元素。

随着罗希特叠氮化建议，这里是你应该怎么做：

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

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