Pēcteču selektoru prioritāte CSS
Visās iepriekšējās nodarbībās visiem selektoriem vajadzēja noķert pašu elementu. Var gadīties, ka viens selektors noķer elementu, bet otrs selektors noķer šī elementa vecāku.
Jūs jau zināt, ka, ja vecākam ir iestatīta, piemēram, krāsa, tad šī krāsa tiks mantota pēctecim. Bet, ja pēctecim ir arī iestatīta krāsa, tad selektoram pēctecim būs lielāka prioritāte nekā vecāka selektoram.
Tas nozīmē, ka pēcteca elementa selektors uzvar vecāka klasi:
<div class="block">
<p>teksts</p>
</div>
.block {
color: red;
}
p {
color: green; /* tiks piemērota šī krāsa */
}
:
Pēcteca elementa selektors arī uzvar vecāka identifikatoru:
<div id="block">
<p class="text">teksts</p>
</div>
#block {
color: red;
}
.text {
color: green; /* tiks piemērota šī krāsa */
}
:
