CSS-də nəsil seçicilərinin prioriteti
Əvvəlki bütün dərslərdə bütün seçicilər birbaşa elementi tutmalı idilər. Elə hallar ola bilər ki, bir seçici elementi tutur, digəri isə həmin elementin valideynini tutur.
Artıq bilirsiniz ki, əgər valideynə, məsələn, rəqəm təyin edilibsə, bu rəqəm nəsildən miras qalacaq. Lakin, əgər nəsilə də rəqəm təyin edilibsə, onda nəsil seçicisi valideyn seçicisindən daha yüksək prioritetə malik olacaq.
Bu o deməkdir ki, nəsil teq seçicisi valideynin sinfini məğlub edir:
<div class="block">
<p>mətn</p>
</div>
.block {
color: red;
}
p {
color: green; /* bu rəqəm tətbiq olunacaq */
}
:
Nəsil teq seçicisi həmçinin valideynin identifikatorunu məğlub edir:
<div id="block">
<p class="text">mətn</p>
</div>
#block {
color: red;
}
.text {
color: green; /* bu rəqəm tətbiq olunacaq */
}
:
