かけたいということがあります。
例えば、
----------------------------------------------------------
<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ランキング
-
テーブルの行を折りたたみたい...
-
テーブルのヘッダとボディの幅...
-
テーブルの任意の列を非表示に...
-
この出品にある送料表の作り方
-
テーブルの行の高さを指定する...
-
テーブルを2つ横に並べる
-
tableの要素(tr、td)に一...
-
htmlで作成するテーブルの横線...
-
EXCELの表にTABLEタグをテキス...
-
画像と画像の間の空白
-
テキストエリアについて
-
tableタグ内の文章を上から揃え...
-
スクロール付きのテーブルで、...
-
<table>を複数使用するレイアウ...
-
ASPでmdbファイルからデータの...
-
幅の違うテーブルを作りたい
-
商品詳細を横並びに表示する方法
-
TABLEのセルの中の文字を行単位...
-
テーブル幅が固定できない
-
テーブルとテーブルの間隔について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
HTML <td></td>タグ セル内余...
-
文字列が入っているtdを削除せ...
-
テーブルのセルに画像をピッタ...
-
テーブルの行を折りたたみたい...
-
テーブルの行の高さを指定する...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
中に<table></table>が使えるア...
-
逆L字の表(table)組み
-
ホームページ 表の上の余白を...
-
表の中の列の順番を入れ替える...
-
EXCELからhtmlへの変換で罫線が...
-
tableでcolspanを使うと次行以...
-
表の1列だけをCSSを使って右揃...
-
文字の中央そろえを一括で指定...
おすすめ情報