- 締切済み
スタイルシートの文字色について
２段組のページをTerapadで作っています。 左側にサイドバー(side）を配置し、メニューを作ります。 Bodyにcolor:#333; と記述してあるので、mainは文字色を反映していますが、sideの部分に反映してくれません。 ちなみにこのsideは入れ子のリストになっています。 何か解決法はありますでしょうか？ 非常に困っております。宜しくお願い致します。
- vita622love
- お礼率67% (19/28)
- ホームページ作成ソフト
- 回答数3
- ありがとう数0
- みんなの回答 （3）
- 専門家の回答
みんなの回答
- chinensis
- ベストアンサー率40% (54/132)
color:#333;ってどんな色？ってツッコミはおいといて。 ＞２段組のページをTerapadで作っています。 左側にサイドバー(side）を配置し、メニューを作ります。 もしフレームを使っているのであれば、個々のフレームのbodyについて定義する必要があります。（外部定義ファイルを個々のフレーム内で読込んでいるのであれば問題ありませんが。） また、上記私の指摘が的外れだったとしたら、入れ子のどの辺りから文字の色が適用されなくなっているのかを調べるとわりあい簡単に原因は見つかります。（適用矛盾が起きている場合は解決手段に悩みますが。） 調べる方法としては「とりあえず入れ子の各部分に対応する場所にテキストを入れてみる」だけです。それでどこまでbodyで指定した色が反映されているのかを見れば、どこから変になっているのかが一目瞭然です。
- LLLuna
- ベストアンサー率35% (13/37)
colorプロパティは継承されるので、sideまで反映されるはずです。 反映されないのは、どこかで別の値に上書きされている為と思われます。 例えば、 body -div -div -（side） のような構造になっている場合、bodyの子孫かつsideの祖先である2つのdiv要素のどちらか（或いはどちらも）が、colorプロパティに別の値を設定していると考えられます。もしくはside自体が、何か別の値を指定している可能性もあります。 上書きする指定を消す、或いはsideに改めて指定すれば、解決されるはずです。
- ashiya16
- ベストアンサー率44% (12/27)
出来ればソースがあった方が解り易いのですが… body { color: #333; } ↑これなら<body></body>内全体に文字色が指定されるのですが、liやul、olに文字色を指定していた場合、そちらが優先されてしまいます。 なので、 ul（場合によりol）,li { color: #333; } と指定してやれば、きちんと文字色が指定の色になるはずです。
