Термини 'каскад' дар CSS чӣ маъно дорад?

Каскад дар CSS муайян мекунад, ки кадом услуби муноқиша бояд ба унсур татбиқ карда шавад. Он асосан ба се меъёри асосӣ такя мекунад:

1. Маҳдудият: услубҳое, ки бо !important нишон дода шудаанд, афзалияти баландтарин доранд.
2. Муҳимият: Селекторҳои бештар мушаххас, селекторҳои камтар мушаххасро иваз мекунанд. Муҳимият дар асоси шумораи ID, синфҳо/псевдо-синфҳо/селекторҳои атрибутӣ ва тегҳо/псевдо-элементҳо дар селектор ҳисоб карда мешавад.
3. Тартиби коди манбаъ: Агар аҳамият ва мушаххасгӣ баробар бошанд, қоидае, ки охирин эълон шудааст, татбиқ мешавад.

Илова ба ин се, омилҳои дигар низ ба назар гирифта мешаванд:

• Манбаи услуб: услубҳои корбар (дар танзимоти браузер), услубҳои муаллиф (усулҳои хориҷӣ ва дохилӣ, услубҳои inline), услубҳои пешфарзии браузер.
• Мерос: баъзе хусусиятҳо аз унсурҳои падар ба фарзанд мерос мегиранд.

Масалан барои мушаххасгӣ:

/* Мушаххасгӣ: 0-1-0 */
.синфи-ман {
  ранг: кабуд;
}

/* Мушаххасгӣ: 1-0-0 */
#ман-ид {
  ранг: сурх;
}

Дар ин ҳолат, унсури бо ID ман-ид ва синфи синфи-ман рангҳои матнро сурх мекунад, зеро ID #ман-ид мушаххасгии баландтар дорад нисбат ба .синфи-ман.