Element potomek

Elementem potomkiem elementu X jest każdy element HTML występujący w zawartości wspomnianego elementu X oraz w zawartości jego wszystkich elementów HTML.

Przykład:

<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

W tym przykładzie pierwszym elementem potomkiem elementu main jest element article, drugim elementem potomkiem elementu main jest element h1, trzecim elementem potomkiem elementu main jest element p, natomiast czwartym elementem potomkiem elementu main jest element b.

<!--
  pierwszym elementem potomkiem elementu "main" jest element "article"
  drugim elementem potomkiem elementu "main" jest element "h1"
  trzecim elementem potomkiem elementu "main" jest element "p"
  czwartym elementem potomkiem elementu "main" jest element "b"
-->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Pierwszym elementem potomkiem elementu article jest element h1, drugim elementem potomkiem elementu article jest element p, natomiast trzecim elementem potomkiem elementu article jest element b.

<!--
  pierwszym elementem potomkiem elementu "article" jest element "h1"
  drugim elementem potomkiem elementu "article" jest element "p"
  trzecim elementem potomkiem elementu "article" jest element "b"
-->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Element h1 nie posiada swojego elementu potomka.

<!-- element "h1" nie posiada swojego elementu potomka -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Jedynym elementem potomkiem elementu p jest element b.

<!-- pierwszym i jedynym elementem potomkiem elementu "p" jest element "b" -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>

Element b nie posiada swojego elementu potomka.

<!-- element "b" nie posiada swojego elementu potomka -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
  </article>
</main>