Selektory#

Kombinator brata następującego (+)#

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
E + F { /* deklaracje */ }

Kombinator brata następującego # (next-sibling combinator) służy do wskazania elementu, który jest bratem następującym innego elementu. Kombinator brata następującego jest znakiem plusa (U+002B, +) i oddziela dwa selektory złożone. Białe znaki wokół + są opcjonalne i nie mają specjalnego znaczenia.

Elementy reprezentowane przez dwa selektory złożone mają tego samego rodzica w drzewie dokumentu, i element reprezentowany przez pierwszy selektor złożony (z lewej strony) bezpośrednio poprzedza element reprezentowany przez drugi selektor (z prawej strony). Węzły nie będące elementami (np. węzły tekstowe występujące między elementami) są ignorowane przy analizie sąsiedztwa elementów.

Prosty przykład:

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<!DOCTYPE html>
<html>

<head>

	<style>

		div + p {color: blue;}

	</style>

</head>

<body>

	<p>Akapit ma kolor czarny bo nie następuje od razu po elemencie DIV.</p>

	<div> Jakiś tekst wewnątrz DIV
		<p>Akapit ma kolor czarny bo nie następuje od razu po elemencie DIV (zawiera się w nim).<p>
		Jakiś tekst wewnątrz DIV
	</div>

	<p>Akapit ma kolor niebieski bo następuje od razu po elemencie DIV.</p>

	<p>Akapit ma kolor czarny bo następuje po elemencie DIV (ale nie od razu).</p>

</body>

</html>

Specyfikacje i inne materiały#

Pasek społecznościowy

SPIS TREŚCI AKTUALNEJ STRONY

Selektory (H1) Kombinator brata następującego (+) (H2) Specyfikacje i inne materiały (H3)