かけたいということがあります。
例えば、
----------------------------------------------------------
<style type="text/css">
.tab1 th,
.tab1 td {
font-weight:normal;
text-align:center;
background:#fee;
}
.tab1 .row2 th { /* ----------------(1) */
background:#fff;
}
.tab1 .col2 th { /* ----------------(2) */
background:#ffff;
}
</style>
<table class="tab1">
<col class="col1">
<col class="col2">
<col class="col3">
<tr class="row1">
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
<tr class="row2">
<th>4</th>
<td>5</td>
<td>6</td>
</tr>
<tr class="row3">
<th>7</th>
<td>8</td>
<td>9</td>
</tr>
<table>
----------------------------------------------------------
だと、
1 2 3
4 5 6
7 8 9
の中の「4」は(1)により背景が白くなります。
しかし、(2)のようにしても「2」の背景は白くなりません。
<col>ってそういうものなのでしょうか?
<td>または<th>にidをつけてスタイルをかけるしかないのでしょうか?
よろしくお願いします。
No.1ベストアンサー
- 回答日時:
冷静に考えればわかりますが、
>.tab1 .col2 th
というのはtab1クラスの中のcol2クラスの中のthタグを設定していますね
col2クラスはcolタグなので空要素です。thを子要素としてもってません。
><td>または<th>にidをつけて
idよりはclassで処理する方がよいかもしれませんね
ありがとうございます!
確かに、冷静になれば、<th>は<col>の子ではないので、その通りですね。
そう分かると、対象となるセルにidかclassを振る、というやり方しかなさそうです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Perl PERL 1 2022/04/26 14:15
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
HTML <td></td>タグ セル内余...
-
テーブルの行の高さを指定する...
-
テーブルの行を折りたたみたい...
-
文字列が入っているtdを削除せ...
-
テーブルの外側の線を消す
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブル入れ子した時の、テー...
-
テーブルの任意の列を非表示に...
-
テーブルタグのセルの幅の一部...
-
html・cssで日付をキレイに揃え...
-
テーブルの位置
-
tableにul,または,olを入れられ...
-
EXCELからhtmlへの変換で罫線が...
-
HTMLで外部ファイルの読み込み
-
width指定したTDでwhite-space:...
-
テーブル(表)を2つ横に並べて...
-
テーブルの表示がずれます
-
HTMLでアンケートの作り方を教...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報