5

ラッピングタグ内のタグのみを具体的にスタイルする方法はありますか? たとえば、<td>「ワイド」クラスのテーブル内でのみスタイルを設定したいとします。

HTML:

<table class="wide">
<tr>
<td>Entry 1</td>
<td>Entry 2</td>
</tr>
<tr>
...
</tr>
</table>

CSS（またはこれらの行に沿ったもの）：

td.wide {
    /* styling */
}

<td>「幅の広い」テーブルのすべての要素にスタイルを設定したいのですが、テーブルのような要素にはスタイルが設定<table class="small"> ... </table>されていません<td>。すべてのワイド テーブルのすべての要素に追加class="wide"することは避けたいと思います。<td>

注:私はこれを特に<table>and<td>要素に対して行うつもりはありません。これを一般的に行う適切な方法を知りたいです。この例では、特定のクラスの に含まれるすべての<p>要素をスタイリングすることができます。<div>

4

4 に答える 4

15

HTML タグは親/囲みタグのクラスを継承できますか?

いいえ。クラスは継承されません。

ラッピングタグ内のタグのみを具体的にスタイルする方法はありますか?

子孫コンビネータ

selector-of-container [space] selector-of-target-within-container

すべてのワイド テーブルのすべての要素に追加class="wide"することは避けたいと思います。<td>

table.wide td { /* rules */ }
于 2013-09-25T13:45:02.603 に答える
3

これは基本的な CSS です。

テーブルには のクラスが.wideあり、その中の td 要素のスタイルを設定したいとします。

.wide td {
yourstyles;
}
于 2013-09-25T13:46:31.347 に答える
2

HTML レイアウトを使用すると、これは非常に簡単です。

table.wide td {

}
于 2013-09-25T13:45:35.340 に答える
2

いいえ、それはcssの仕組みではありません

あなたはこれを行うことができます

table.wide td {
}
于 2013-09-25T13:45:41.433 に答える