CSS-de goňşy selektor
Goňşy selektor +
ýokardaky goňşysy arkaly elementi saýlamaga mümkinçilik berýär.
Sintaksis
selektor1 + selektor2 {
}
Mysal
Geliň, h2 teglarynyň yzyndan derrew ýerleşýän ähli
p teglaryna ýüz tutup, olary gyzyl reňge çalalyň:
<h2>text</h2>
<p>
+
</p>
<p>
-
</p>
<p>
-
</p>
h2 + p {
color: red;
}
:
Mysal
Geliň, .test klasly elementleriň yzyndan derrew
ýerleşýän ähli p teglaryna ýüz tutup, olary gyzyl
reňge çalalyň:
<p class="test">
text
</p>
<p>
+
</p>
<p>
-
</p>
.test + p {
color: red;
}
:
Mysal
Geliň, .test klasly elementleriň yzyndan derrew
ýerleşýän ähli .elem klasly elementlere ýüz tutup,
olary gyzyl reňge çalalyň:
<p class="test">
text
</p>
<p class="elem">
+
</p>
<p>
-
</p>
.test + .elem {
color: red;
}
:
Şeýle-de görüň
-
Çaga selektor,
derrew içerilmeklik boýunça elementleri saýlamaga mümkinçilik berýär -
Kontekst selektor,
elementi ata-ene boýunça saýlamaga mümkinçilik berýär -
Dogan selektor,
berlen elementden soňky elementleri saýlamaga mümkinçilik berýär -
Universal selektor,
ähli elementleri saýlamaga mümkinçilik berýär