CSS-də 'kaskad' termini nə deməkdir?

CSS-də kaskad, münaqişəli stillərdən hansı elementə tətbiq olunmalı olduğunu müəyyən edir. Bu, üç əsas meyərə əsaslanır:

1. Əhəmiyyət: !important ilə qeyd olunan stillər ən yüksək prioritetə malikdir.
2. Xüsusiyyət: Daha spesifik seçicilər daha az spesifik olanları üstələyir. Xüsusiyyət, seçicidəki ID, sinif/pseudo-sinif/atribut seçiciləri və tag/pseudo-elementlər sayına əsaslanır.
3. Mənbə kodundakı ardıcıllıq: Əgər əhəmiyyət və xüsusiyyət bərabərdirsə, ən son qeyd olunan qayda tətbiq edilir.

Bunlardan başqa, digər amillər də nəzərə alınır:

• Stil mənbəyi: Brauzer parametrlərində istifadəçi stilləri, müəllifin stilləri (xarici və daxili stillər, inline stillər), brauzerin standart stilləri.
• İrsi: Bəzi xüsusiyyətlər valideyn elementlərdən uşaqlara irsən keçir.

Xüsusiyyət nümunəsi:

/* Xüsusiyyət: 0-1-0 */
.mənim-sinifim {
  rəng: mavi;
}

/* Xüsusiyyət: 1-0-0 */
#mənim-id {
  rəng: qırmızı;
}

Bu halda, mənim-id ID və mənim-sinifim sinfinə malik element qırmızı mətn rənginə sahib olacaq, çünki ID #mənim-id daha yüksək xüsusiyyətə malikdir.