CSS'deki seçiciler neden aşırı miras alınır?

CSS'deki seçiciler kalıtımsal değildir. CSS'te kalıtım, bir öğenin bazı özelliklerinin onun alt öğelerine aktarılmasıdır. Seçiciler, stilleri uygulamak için öğeleri seçen desenlerdir.

Kalıtım, bir seçiciyle uygulanan stillerin başka bir seçiciyle uygulanan stiller tarafından üzerine yazılabileceği anlamına gelebilir. Bu, kalıtım ile değil, CSS'in cascade (kaskad) mekanizması ile ilgilidir; bu mekanizma, birden fazla CSS kuralı aynı özellik için değer belirlediğinde hangi stilin uygulanacağını belirler.

Stil kaskadını ve "üstünlük" durumunu etkileyen faktörler:

1. Özellik (Specificity): Daha yüksek özgüllüğe sahip seçiciler daha fazla ağırlık taşır.
2. Sıralama (Order): Aynı özgüllükte ise, en son tanımlanan kural uygulanır.
3. Önem (!important): !important ile işaretlenmiş bildirimler en yüksek önceliğe sahiptir (kullanıcı ajanının gömülü stilleri hariç, !important ile).
4. Stil kaynakları (Origin): Stiller farklı kaynaklardan gelir (tarayıcı, kullanıcı, yazar).

Örnek özgüllük:

/* Düşük özgüllük */
p {
  color: blue;
}

/* Yüksek özgüllük - rengi geçersiz kılacak */
.text-section p {
  color: red;
}