Naboselektor i CSS
Naboselektoren + lar deg velge
et element basert på naboen over.
Syntaks
selektor1 + selektor2 {
}
Eksempel
La oss rette oss mot alle p-tagger
som umiddelbart følger etter h2-tagger,
og farge dem røde:
<h2>tekst</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Eksempel
La oss rette oss mot alle p-tagger
som umiddelbart følger etter elementer
med klassen .test, og farge dem røde:
<p class="test">
tekst
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Eksempel
La oss rette oss mot alle elementer med klassen
.elem som umiddelbart følger
etter elementer med klassen .test, og
farge dem røde:
<p class="test">
tekst
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Se også
-
Barneselektor,
som lar deg velge elementer basert på umiddelbar innkapsling -
Kontekstuell selektor,
som lar deg velge et element basert på dets forelder -
Søskenselektor,
som lar deg velge elementer etter den angitte -
Universell selektor,
som lar deg velge alle elementer
