CSS'te 'kaskad' terimi ne anlama geliyor?

CSS'de cascade, çelişen stillerden hangisinin bir elemana uygulanacağına karar verir. Bu, üç ana kritere dayanır:

1. Öncelik: !important ile işaretlenmiş stiller en yüksek önceliğe sahiptir.
2. Özgüllük: Daha özgüllü seçiciler, daha az özgüllü olanları geçersiz kılar. Özgüllük, seçicideki ID, sınıf/pseudo-sınıf/atribüt seçicileri ve etiket/pseudo-elemnt seçicilerinin sayısına göre hesaplanır.
3. Kaynak kod sırası: Aynı öncelik ve özgüllük durumunda, en son tanımlanan kural uygulanır.

Bunların yanı sıra, diğer faktörler de dikkate alınır:

• Stil kaynağı: Tarayıcı ayarlarında kullanıcı stilleri, yazar stilleri (harici ve dahili stiller, satır içi stiller), varsayılan tarayıcı stilleri.
• Kalıtım: Bazı özellikler, ebeveyn öğelerden çocuklara doğru kalıtılır.

Özgüllük örneği:

/* Özgüllük: 0-1-0 */
.benim-sınıfım {
  renk: mavi;
}

/* Özgüllük: 1-0-0 */
#benim-id {
  renk: kırmızı;
}

Bu durumda, #benim-id ID'sine ve benim-sınıfım sınıfına sahip öğe, kırmızı metin rengine sahip olacaktır çünkü ID seçicisi .benim-sınıfım'dan daha yüksek özgüllüğe sahiptir.