Ostatnio edytowany:

Element brat

Autor: Virtual Patriot

Elementem bratem elementu X jest każdy kolejny element HTML występujący po wspomnianym elemencie X oraz będący elementem dzieckiem elementu rodzica wspomnianego elementu X.

Przykład:

<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Element main w tym przykładzie nie posiada swojego elementu brata.

<!-- element "main" nie posiada swojego elementu brata -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Element article również nie posiada swojego elementu brata.

<!-- element "article" nie posiada swojego elementu brata -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Pierwszym elementem bratem elementu h1 jest pierwszy element p, natomiast drugim elementem bratem elementu h1 jest drugi element p.

<!--
  pierwszym elementem bratem elementu "h1" jest pierwszy element "p"
  drugim elementem bratem elementu "h1" jest drugi element "p"
-->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Jedynym elementem bratem pierwszego elementu p jest drugi element p.

<!-- pierwszym i jedynym elementem bratem pierwszego elementu "p" jest drugi element "p" -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Drugi element p nie posiada swojego elementu brata.

<!-- drugi element "p" nie posiada swojego elementu brata -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>

Element b również nie posiada swojego elementu brata.

<!-- element "b" nie posiada swojego elementu brata -->
<main>
  <article>
    <h1>Mój ulubiony kwiat</h1>
    <p>Moim ulubionym kwiatem jest <b>róża</b>.</p>
    <p>Ponieważ róża to symbol miłości.</p>
  </article>
</main>