CSS'de Alt Seçici Önceliği
Önceki tüm derslerde, tüm seçiciler doğrudan elemanın kendisini seçmeliydi. Ancak bazen bir seçici elemanı seçerken, diğer bir seçici o elemanın ebeveynini seçebilir.
Bildiğiniz gibi, bir ebeveyne örneğin renk atanırsa, bu renk alt elemanlar tarafından miras alınır. Ancak, alt elemana da bir renk atanmışsa, alt eleman seçicisi, ebeveyn seçicisinden daha yüksek önceliğe sahip olur.
Bu, alt elemanın etiket seçicisinin, ebeveynin sınıf seçicisini yendiği anlamına gelir:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* bu renk uygulanır */
}
:
Alt elemanın etiket seçicisi, ebeveynin kimlik seçicisini de yener:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* bu renk uygulanır */
}
:
