Susedný selektor v CSS
Susedný selektor + umožňuje vybrať
prvok podľa jeho suseda nad ním.
Syntax
selektor1 + selektor2 {
}
Príklad
Obráťme sa na všetky elementy p,
ktoré sa nachádzajú priamo za elementmi h2,
a nastavme im červenú farbu textu:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Príklad
Obráťme sa na všetky elementy p,
ktoré sa nachádzajú priamo za elementmi
s triedou .test, a nastavme im červenú
farbu textu:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Príklad
Obráťme sa na všetky elementy s triedou
.elem, ktoré sa nachádzajú priamo
za elementmi s triedou .test, a
nastavme im červenú farbu textu:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Pozri tiež
-
DCérsky selektor,
ktorý umožňuje vybrať prvky podľa priameho vnorenia -
Kontextový selektor,
ktorý umožňuje vybrať prvok podľa jeho rodiča -
Susedský selektor,
ktorý umožňuje vybrať prvky za zadaným prvkom -
Univerzálny selektor,
ktorý umožňuje vybrať všetky prvky
