0

テーブルの列グループを変更するのは初めてで、css にラベルを付けて注目の列グループの TH を特定の背景色にする方法と、その列グループ内の TD を学習しようとしています。私の唯一の問題は、これらのセクションのみを反映するように CSS をセットアップする方法がわからないことです。

http://jsbin.com/ocezon/1/editにサンプル テーブルを作成しました。

これが正しく表現されていない場合はお知らせください。詳しく説明します。列グループによって割り当てられた #table-5 #featured 属性を使用して変更できるようにしたい TH と TD にラベルを付けました。

のようなコードを試しまし#table-5 #featured TH { background: #000; }たが、うまくいきませんでした。


編集:これはおそらく不可能であることがわかりました(そして、多くの方法を試した後、私もそれを機能させることはできません)...それで、機能する方法を提案するためにOne Trick Ponyに答えを与えることにしました。ただし、将来変更しやすいように、このメソッドを少し変更しました: http://jsbin.com/icasom/1/edit

4

2 に答える 2

0

あなたのテーブルには奇妙なHTML構造があり、 colgroup と th は tr でラップされていません:

<table id="table-5">
 <colgroup> 
   <col class="row" />
  <col class="basic"/>
  <col class="premium" id="featured"/>
  <col class="enterprise"/>
</colgroup>
  <thead>
    <tr>
        <th>row</th>
        <th>basic</th>
        <th>premium (modify this TH)</th>
        <th>enterprise</th>
    </tr>
  </thead>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
        <tr>
            <td>blah</td>
            <td>blah</td>
            <td>blah (modfy this TD)</td>
            <td>blah</td>
        </tr>
</table>

背景色を暗くするために、いくつかの rgba 色を追加することもできます: http://jsbin.com/ocezon/9/ http://jsbin.com/ocezon/9/edit

于 2013-07-04T23:58:24.353 に答える