Sosednji izbirnik v CSS
Sosednji izbirnik + omogoča izbiro
elementa glede na njegovega zgornjega soseda.
Sintaksa
izbirnik1 + izbirnik2 {
}
Primer
Obrnimo se na vse oznake p,
ki so neposredno za oznakami h2,
in jih pobarvajmo rdeče:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Primer
Obrnimo se na vse oznake p,
ki so neposredno za elementi
z razredom .test, in jih pobarvajmo rdeče:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Primer
Obrnimo se na vse elemente z razredom
.elem, ki so neposredno
za elementi z razredom .test, in
jih pobarvajmo rdeče:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Glejte tudi
-
Izbirnik otrok,
ki omogoča izbiro elementov po neposredni gnezdenosti -
Kontekstni izbirnik,
ki omogoča izbiro elementa glede na njegovega starša -
Sorodni izbirnik,
ki omogoča izbiro elementov za danim -
Univerzalni izbirnik,
ki omogoča izbiro vseh elementov
