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

前提・実現したいこと

コーポレートサイト作成中に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

試したこと

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

↓ブラウザ上で見た現状況

↓完成形

↓コーディング詳細

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のヘルプ内容につきまして、大変ご丁寧なご対応を有難うございます。修正いたしました。

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

回答1件

ベストアンサー

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

diff
1- .about text{
2+ .about.text{
3略
4}
5- .about text .p{
6+ .about.text p{
7略
8}
9- .about text .title{
10+ .about.text .title{
11略
12}
13- .about text .btn{
14+ .about.text .btn{
15略
16}
17
18