Kontekstni selektor v CSS
Kontekstni selektor, ki ga predstavlja
presledek (' '), omogoča izbiro
oznak, vgrajenih v določenega starša
Sintaksa
selektor1 selektor2 {
}
Primer
Obrnimo se na vse oznake p
znotraj oznak div in jih pobarvajmo v rdečo
barvo:
<div>
<p>
text
</p>
<p>
text
</p>
</div>
div p {
color: red;
}
:
Primer
Obrnimo se na vse oznake p
znotraj elementa z #elem in jih pobarvajmo
v rdečo barvo:
<div id="elem">
<p>
text
</p>
<p>
text
</p>
</div>
#elem p {
color: red;
}
:
Primer
Obrnimo se na vse oznake p
znotraj elementov z razredom .block
in jih pobarvajmo v rdečo barvo:
<div class="block">
<p>
text
</p>
<p>
text
</p>
</div>
.block p {
color: red;
}
:
Primer
Obrnimo se na vse oznake b
znotraj oznak p, ki se nahajajo znotraj
oznak div in jih pobarvajmo v rdečo barvo:
<div>
<p>
text <b>+</b>
</p>
</div>
div p b {
color: red;
}
:
Glejte tudi
-
Podrejeni selektor,
ki omogoča izbiro elementov po neposredni vgnezdenosti -
Sosednji selektor,
ki omogoča izbiro elementa po njegovem sosedu -
Sorodni selektor,
ki omogoča izbiro elementov za določenim -
Univerzalni selektor,
ki omogoča izbiro vseh elementov
