＜目標＞
隣接セレクタを使用して、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; }
0 コメント