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要素に追加します。

Rohit Azid が提案したように、これを行う方法は次のとおりです。

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

(上記では、table-row 要素にパディングが必要であると仮定しています。間違っていると仮定した場合は、何をすべきかを知っていると思います)

score 0 · Accepted Answer

すべての html タグが適切に閉じられているかどうかを確認していただけますか。また、別の css クラスを他の 2 つのテーブルに設定することもできます

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