4

<colgroup>/ <col>HTMLタグで定義されたスタイルの「操作」のフィールドを制限/制限する方法はありますか。

次の表があるとします。

<table>
    <colgroup>
        <col align="center" />
        <col align="center" style="background-color: lightgrey;" />
        <col align="center" />
    </colgroup>
    <thead>
        <tr>
            <th>Column A</th>
            <th>Column B</th>
            <th>Column C</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1.a</td>
            <td>1.b</td>
            <td>1.c</td>
        </tr>
        <tr>
            <td>2.a</td>
            <td>2.b</td>
            <td>2.c</td>
        </tr>
    </tbody>
</table>

background-color: lightgrey;「列B」セル（2番目）には適用されないthようにしたいと思いtheadます。

4

1 に答える 1

4

特にそのセルにスタイルを適用することも<tr>、ヘッダー行全体にスタイルを適用することもできます。

http://jsfiddle.net/QQ7LJ/

 <tr style="background-color:white;">
        <th>Column A</th>
        <th>Column B</th>
        <th>Column C</th>
 </tr>

つまり、いいえ、cssを「制限」する方法はありません。使用可能なすべてのターゲットに一致し、スタイル設定は<col>列全体に一致します。別のスタイルを取得するには、なんらかの方法で上書きする必要があります。最も簡単な方法は、一般的なスタイルと一致しないスタイルを明示的にスタイルすることです。

編集、CSS3セレクターを使用し、セレクターを要素:nth-of-typeにスコープすることにより、スタイルシートブロックでこれを行うこともできます。<tbody>

http://jsfiddle.net/QQ7LJ/1/

tbody td:nth-of-type(2) {
 background-color: lightgrey;   
}​

HTMLへの変更（他はすべて同じです）

<colgroup>
    <col align="center" />
    <col align="center"/>
    <col align="center" />
</colgroup>
于 2012-04-30T13:03:39.947 に答える