Blakus esošais selektors CSS
Blakus esošais selektors + ļauj atlasīt
elementu pēc tā augšējā kaimiņa.
Sintakse
selektors1 + selektors2 {
}
Piemērs
Pievērsīsimies visiem p tagiem,
kas atrodas tieši aiz h2 tagiem,
un iekrāsosim tos sarkanā krāsā:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Piemērs
Pievērsīsimies visiem p tagiem,
kas atrodas tieši aiz elementiem
ar klasi .test, un iekrāsosim tos sarkanā
krāsā:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Piemērs
Pievērsīsimies visiem elementiem ar klasi
.elem, kas atrodas tieši
aiz elementiem ar klasi .test, un
iekrāsosim tos sarkanā krāsā:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Skatiet arī
-
Apakšējais selektors,
kas ļauj atlasīt elementus pēc tiešās ietilpības -
Kontekstuālais selektors,
kas ļauj atlasīt elementu pēc tā vecāka -
Brāļu selektors,
kas ļauj atlasīt elementus aiz dotā -
Universālais selektors,
kas ļauj atlasīt visus elementus
