CSS palikuonių selektorių prioritetas
Visose ankstesnėse pamokose visi selektoriai turėjo pagauti patį elementą. Gali būti taip, kad vienas selektorius pagaudo elementą, o antrasis selektorius pagaudo to elemento tėvą.
Jūs jau žinote, kad jei tėvui nustatoma, pavyzdžiui, spalva, tai ši spalva bus paveldima palikuonio. Bet jei palikuoniui taip pat nustatyta spalva, tai selektorius palikuonio turės didesnį prioritetą nei tėvo selektorius.
Tai reiškia, kad palikuonio tag'o selektorius nugali tėvo klasę:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* bus taikoma ši spalva */
}
:
Palikuonio tag'o selektorius taip pat nugali tėvo identifikatorių:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* bus taikoma ši spalva */
}
:
