Naabervaliija CSS-is
Naabervaliija + võimaldab valida
elemendi selle kohal asuva naabri järgi.
Süntaks
valiija1 + valiija2 {
}
Näide
Pöördume kõigi siltide p poole,
mis asuvad otse siltide h2 järel,
ja värvime need punaseks:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Näide
Pöördume kõigi siltide p poole,
mis asuvad otse klassiga .test elementide järel,
ja värvime need punaseks:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Näide
Pöördume kõigi klassiga .elem elementide poole,
mis asuvad otse klassiga .test elementide järel, ja
värvime need punaseks:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Vaata ka
-
Tütarelemendi valiija,
mis võimaldab valida elemendi otsese pesastuse järgi -
Kontekstivaliija,
mis võimaldab valida elemendi selle vanema elemendi järgi -
Üldine õe-valiija,
mis võimaldab valida elemendid pärast määratud elementi -
Universaalvaliija,
mis võimaldab valida kõik elemendid
