子孫要素とは?詳しい解説(html,css)

子孫要素とは?

子孫要素とは「htmlの階層構造」のことです。

例えば、下のようなhtmlがあったとします。

<body>
  <main>
    <article>
      <h2>見出し</h2>
      <p>本文</p>
    </article>
  </main>
</body>

<body>の中に<main>があり、<main>の中に<article>があり

<article>の中に<h2>と<p>があります。

このように要素が親子関係になっていることが「子孫要素」です。

<body> ←親要素
  <main> ←ここ基準
    <article> ←子要素
      <h2>見出し</h2> ←孫要素
      <p>本文</p>
    </article>
  </main>
</body>

以上
「子孫要素とは?詳しい解説(html,css)」の話でした。
ありがとうございました。

タイトルとURLをコピーしました