Kontekstualni selektor u CSS
Kontekstualni selektor, koji predstavlja
komandu razmak (' '), omogućava odabir
oznaka unutar određenog roditelja.
Sintaksa
selektor1 selektor2 {
}
Primer
Hajde da pristupimo svim oznakama p
unutar oznaka div i obojimo ih u crvenu
boju:
<div>
<p>
tekst
</p>
<p>
tekst
</p>
</div>
div p {
color: red;
}
:
Primer
Hajde da pristupimo svim oznakama p
unutar elementa sa #elem i obojimo
ih u crvenu boju:
<div id="elem">
<p>
tekst
</p>
<p>
tekst
</p>
</div>
#elem p {
color: red;
}
:
Primer
Hajde da pristupimo svim oznakama p
unutar elemenata sa klasom .block
i obojimo ih u crvenu boju:
<div class="block">
<p>
tekst
</p>
<p>
tekst
</p>
</div>
.block p {
color: red;
}
:
Primer
Hajde da pristupimo svim oznakama b
unutar oznaka p, koji se nalaze unutar
oznaka div i obojimo ih u crvenu boju:
<div>
<p>
tekst <b>+</b>
</p>
</div>
div p b {
color: red;
}
:
Vidi takođe
-
Dete selektor,
koji omogućava odabir elemenata po direktnoj ugnježdenosti -
Susedni selektor,
koji omogućava odabir elementa po njegovom susedu -
Srodni selektor,
koji omogućava odabir elemenata posle određenog -
Univerzalni selektor,
koji omogućava odabir svih elemenata
