Q&A
＜目標＞
隣接セレクタを使用して、h3要素で囲んだMY coffeeとはを赤文字にする。
＜質問＞
下記の通りにコードを書いたのですが、MY coffeeとはが赤文字になりません。どこが間違っているのか教えていただきたいです。
HTML5
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="TOP.css"> <title>Document</title> </head> <body> <section> <h3 id="about" class="content-title">My Cofeeとは？</h3> <p> みなさん、コーヒーは好きですか？MyCofeeは、家でコーヒーを嗜む方々向けの <strong>コーヒー専門サイトです。</strong> コーヒー好きのみなさんはぜひ、MyCofeeをご覧ください。 </p> </section> </body> </html>
CSS3
section + h3{ color:red; }
回答1件
0
隣接兄弟結合子 - CSS: カスケーディングスタイルシート | MDN
隣接セレクタ(+)は兄弟関係の直後の要素を選択します。
section と h3 は親子関係なので、子セレクタ(>)を使ってください。
子結合子 - CSS: カスケーディングスタイルシート | MDN
css
1section > h3{ 2 color:red; 3}
子要素のなかの最初のh3要素という意味にしたいなら、
css
1section > h3:first-child{ 2 color:red; 3}
投稿2023/04/22 07:36
総合スコア34353
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2023/04/22 07:51