表の中の1セル内に文字列と表を配置しています。
その中のフォントカラーを統一させたいのですが…
<TABLE>
<TR><TD class="color"> ←1
ここに色々文字列
<TABLE>
<TR><TD>ここにも文字列</TD></TR> ←2
<TR><TD>ここにも文字列</TD></TR> ←3
この場合、「ここに色々文字列」の方はちゃんと反映されます。
「ここにも文字列」の方が反映されません。(bodyで設定したフォントカラー)
これを2や3のTDにclassを入れることなく1のTDで一括して変化させるようにするにはどのように記述したらよいでしょうか?
No.4
- 回答日時:
連続投稿になってしまってすみません、今思いついたのですが、もしかしてCSSで当該部分に先立つスタイルとして:
td {
color: #000;
}
という様に、タイプセレクタ(tdというタグ全体が適用対象)で定義されてたりしますか?
これだと、確かにclass属性を適用された直接の子要素である「ここに色々文字列」の部分にしか効かないですね。
もし、このタイプセレクタを残しておく事が必須であるなら、当該部分の定義は以下の様にでもしてみて下さい。
td.color,
td.color table td {
color: #c00;
}
これで入れ子にしたtableのセルの方にも(こちらにclass属性を使う必要なく)文字色(赤)が適用される様になります。
この回答への補足
すみません。書き方が間違っていました。
ご指摘の通り、tr,tdで設定をしていました。
なので、括弧の部分は「tr,tdで設定したフォントカラー」です。
さらに、したいことはこれまたご指摘の通り、「一部テーブル内の文字を変化させる(tr,tdは残しておきたい)」というものでした。
#1さんの回答で無事反映できたので、それを利用させていただきます。
No.3
- 回答日時:
> 「ここにも文字列」の方が反映されません。
(bodyで設定したフォントカラー)妙ですね。仮に、CSSの定義が:
body {
color: #000;
}
であり、
.color {
color: #c00;
}
もしくは
td.color {
color: #c00;
}
と設定されているなら、サンプルのコードをコピペして検証しましたが、主要モダン・ブラウザでの表示結果はいずれのテキスト部分にもbodyで設定した色(この場合は仮に黒)ではなく上記のclassで定義した色(この場合は仮に赤)が反映されますよ?
反映されていないのだとしたら、CSSでの設定に何か不適切なものがあると思われます。入れ子にしたtableのセルに対して親要素のスタイルをわざわざ打ち消す(上書きする)様な指定をしていたりしませんか?
根本的な解決をするには、CSS部分を公開して頂いた方が良いと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLの書き方(超初心者です。)
-
行間隔の開け方
-
CSS段組み?で右カラムを右寄せ...
-
表の中の表にスタイルシートを...
-
テプラの文字を大きくしたいで...
-
レポート2000字程度なら何文字...
-
ブログの文章の改行がおかしい...
-
謎の文字記号 これどうなって...
-
「Andoroidスマホ、Gmailで 文...
-
とあるカラーコード比較サイト...
-
ブログ記事を投稿したら勝手に...
-
文字色を変更した後元の文字色...
-
Wordでのレポート、文字数行数...
-
ライブドア ブログ カスタマ...
-
FC2のコメント欄で文字の色の変...
-
薄く明るく柔らかいオレンジ系...
-
Facebookの文字を大きくする方法
-
リンクを貼ると文字の色が勝手...
-
Macのメニューバーの文字サイズ...
-
ブログを書くときの文字の拡大...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
SelenuimのBy.CssSelectorによ...
-
HTMLの書き方(超初心者です。)
-
左と右のサイドバーで異なるtex...
-
CSSのボックスの背景色を交互に...
-
W3C標準
-
CSS段組み?で右カラムを右寄せ...
-
ホームページビルダー/EXCELの...
-
行間隔の開け方
-
表の中の表にスタイルシートを...
-
*でパッディング・マージンを0p...
-
レポート2000字程度なら何文字...
-
テプラの文字を大きくしたいで...
-
大学のレポート A4で1枚レポー...
-
つぶれた文字
-
2KB~4KBって何文字ですか?
-
Wordで勝手に文字サイズが変わる?
-
謎の文字記号 これどうなって...
-
印刷物の文字数の目安
-
Thunderbirdで返信の引用文が改...
-
Wordでのレポート、文字数行数...
おすすめ情報