h1 > p と書いても、 CSS が適用されません

h1 > p は h1 の直下の階層にある p という意味だからです。
2022年1月3日
ユーザー

HTML をこのように記述して、

<body>
    <main> 
      <h1 class="ttl info">TITLE</h1> 
      <p>HELLO, HELLO</p> 
      <section> 
        <h1 class="ttl">title</h1>
      <p>hello hello</p> 
      <p>hello hello</p> 
      <p>hello hello</p> 
      </section> 
      </main> 
</body>

CSS を h1 直下の p タグを赤字にしようとしてもできません。なぜでしょうか?

h1 > p {
  color:red;
}

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(13)