Kontekstiline valija CSS-is
Kontekstiline valija, mida esindab
tühikukäsk (' '), võimaldab valida
sildid, mis on pesastatud etteantud vanemsildi
Süntaks
valija1 valija2 {
}
Näide
Pöördume kõigi siltide p poole
siltide div sees ja värvime need punaseks
värvuseks:
<div>
<p>
text
</p>
<p>
text
</p>
</div>
div p {
color: red;
}
:
Näide
Pöördume kõigi siltide p poole
elemendi #elem sees ja värvime
need punaseks värvuseks:
<div id="elem">
<p>
text
</p>
<p>
text
</p>
</div>
#elem p {
color: red;
}
:
Näide
Pöördume kõigi siltide p poole
elementide klassis .block
ja värvime need punaseks värvuseks:
<div class="block">
<p>
text
</p>
<p>
text
</p>
</div>
.block p {
color: red;
}
:
Näide
Pöördume kõigi siltide b poole
siltide p sees, mis asuvad
siltide div sees ja värvime need punaseks värvuseks:
<div>
<p>
text <b>+</b>
</p>
</div>
div p b {
color: red;
}
:
Vaata ka
-
Tütarelemendi valija,
mis võimaldab valida elemendid otsese pesastatuse alusel -
Kõrvaloleva naabri valija,
mis võimaldab valida elemendi selle naabri alusel -
Üldine naabri valija,
mis võimaldab valida elemendid pärast etteantud elementi -
Universaalne valija,
mis võimaldab valida kõik elemendid
