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 タグを赤字にしようとしてもできません。なぜでしょうか？