質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

890閲覧

CSSコーディング 内容が反映されない

退会済みユーザー

退会済みユーザー

総合スコア0

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/10/16 04:35

編集2021/10/16 06:29

前提・実現したいこと

コーポレートサイト作成中にCSSにて入力した内容が反映されない。
"#about .about text"の内容がブラウザにて反映されず、原因についてネットにて検索をかけたのですが、解決できずおります。
CSSの内容が反映されない原因についてご存知の方がおられましたらご教示いただけないでしょうか。
よろしくお願いいたします。

発生している問題・エラーメッセージ

CSSにてコーディングした内容がブラウザにて反映されない

該当のソースコード

CSS

1 2**#about .about text{ 3 max-width: 875px; 4 background-color: #263391; 5 padding: 58px 82px 58px 82px; 6 position: absolute; 7 right: 0;/*右寄せ*/ 8}** 9

試したこと

コード入力間違い、閉じタグの確認

↓ブラウザ上で見た現状況
イメージ説明
↓完成形
イメージ説明
↓コーディング詳細
イメージ説明

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2021/10/16 04:44 編集

「CSSの内容がブラウザにて反映されない 」というのは、具体的にはどのような現象を見てそのようにお感じになりましたか? #about .about text .btn にボーダーがつかないとか、そういう理由ですか? --- HTMLをご提示ください。 --- markdownを使ってソースコードを書いてください。 https://teratail.com/help/question-tips#:~:text=teratail%E3%81%A6%E3%82%99%E3%81%AF%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%88%E3%82%99%E3%82%92%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%81%99%E3%82%8B%E3%81%93%E3%81%A8%E3%81%8B%E3%82%99%E3%81%A6%E3%82%99%E3%81%8D%E3%81%BE%E3%81%99%E3%80%82 https://teratail-v2.storage.googleapis.com/assets/img/tour/01.webm?1594714893253494
退会済みユーザー

退会済みユーザー

2021/10/16 06:33

#about .about textの背景色が変わっていないことや右揃えになっていないことにより反映されていないという風に感じております。 上記URLのヘルプ内容につきまして、大変ご丁寧なご対応を有難うございます。修正いたしました。
guest

回答1

0

ベストアンサー

とりあえず画像のCSSを見る限りは、下記のセレクターが間違っています。

diff

1- .about text{ 2+ .about.text{ 34} 5- .about text .p{ 6+ .about.text p{ 78} 9- .about text .title{ 10+ .about.text .title{ 1112} 13- .about text .btn{ 14+ .about.text .btn{ 1516} 17 18

投稿2021/10/16 04:56

hatena19

総合スコア34075

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

退会済みユーザー

退会済みユーザー

2021/10/16 06:40

ご教示くださり有難うございます。セレクター内容の見直しを行いました。
hatena19

2021/10/16 06:46

見直した結果、どうなったのですか。 解決したのなら、解決済みに。 解決しないのなら、現状のHTMLコードとCSSコードを提示して、どううまくいかないのか、質問文を修正してください。 コードは修正コメントでも指摘されているようにコードブロックにいれてください。
退会済みユーザー

退会済みユーザー

2021/10/16 08:03

失礼致しました。htmlにてclass名を”about-text"に修正し、CSSもそちらに合わせて修正したところ反映がうまくいきました。ご丁寧なご回答をありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問