実現したいこと

ページ毎にbodyの背景色を変更したい

困っていること

最初にidを指定してからbodyと書いたのですがこの書き方だと背景色が変わらなくて困っています。

css
1#off-white body {background-color: #f9f9f9;}

m.ts10806

2019/12/21 05:05

現在の質問内容だけだとRailsとの関係性全くないと思います。

nanase21

2019/12/21 05:08

フレームワークがrailsなのでタグづけしました。タグづけしたい理由としては、railsのassetの仕組みを考慮してもらいたかったためつけました。

m.ts10806

2019/12/21 05:22

ではそれをわかるようなコードを提示された方が良いです。このコードだけでは考慮は無理ですよ。説明が一切ないですしhtmlもないので。

行動規範の内容に同意します

回答2件

ベストアンサー

CSS
1#off-white body {background-color: #f9f9f9;}

これだとbodyより上位に#off-whiteが存在しないといけません。
HTMLの構造によりますが、 bodyの上位にIDつけることってあまりないように思います。

HTMLが下記のようになっているのでしたら

HTML
1<body id="off-white">
2~~

CSSはこうです。

CSS
1body#off-white {background-color: #f9f9f9;}

投稿2019/12/21 04:57

編集2019/12/21 05:01

m.ts10806

総合スコア80875

kei344

2019/12/21 04:59

To: m.ts10806さんコードブロックにしてまとめて引用できますよ。 > ```CSS > /**/ > ```

m.ts10806

2019/12/21 05:00

ちょっとそこ迷った結果変な感じになりました。ありがとうございます。

m.ts10806

2019/12/21 05:01

というか、この用法知らなかったです。助かりました。 > の先はマークダウンきくから当然と言えば当然でしたね（リンクや太字は良く使う）

行動規範の内容に同意します

#off-whiteというid属性がHTML要素に設定されていないからでは？

投稿2019/12/21 04:55

kei344

総合スコア69596

nanase21

2019/12/21 05:05

ご教示いただきありがとうございます。 #off-whiteは設定しているのですが、bodyの中にoff-whiteがある感じです。やりたいこととしては、ページ全体の背景色を変更したいだけなのですが何かいいアイディアありますでしょうか？ body{ #off-white{ .... } }

kei344

2019/12/21 05:21

m.ts10806さんの書かれているようにbody要素にidをつければよいです。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

CSSが反映されない

実現したいこと

困っていること

関連した質問