孩子款式加入母公司

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; 
} 

（以上我假設你想要的錶行元素的填充。如果我認爲不好，我想你知道該怎麼做）