Selektor rodzeństwa

Selektor rodzeństwa pozwala na wybieranie elementów HTML, które są kolejnymi rodzeństwami innego elementu. Selektor rodzeństwa jest tworzony przez podanie dwóch selektorów oddzielonych znakiem plusa +.

W poniższym przykładzie selektor kolejnego rodzeństwa "h3 + p" wybierze wszystkie elementy <p> , które są kolejnymi rodzeństwami elementów <h3> . W efekcie wszystkie teksty zawarte w elemencie <p> są rodzeństwem elementu <h3>, będą miały kolor niebieski i pogrubioną czcionkę.

CSS

								
h3 + p {

  color: blue;

  font-weight: bold;

}
						

HTML

										
<h1>Nagłówek</h1>

<p>
  Tekst z selektorem rodzeństwa
</p>

										
								

Uruchom kod

Nagłówek

Tekst z selektorem rodzeństwa