Ինչ է նշանակում 'կասկադ' տերմինը CSS-ում?

CSS-ում կասկադը որոշում է, թե կոնկրետ հակասող ոճերից որն է կիրառվելու տարրին: Այն հիմնված է երեք հիմնական չափանիշների վրա՝

1. Կարևորություն: !important նշած ոճերը ունեն ամենաբարձր առաջնահերթությունը:
2. Հատուկություն: Ավելի հատուկ սելեկտորները գերազանցում են ավելի քիչ հատուկ սելեկտորներին: Հատուկությունը հաշվարկվում է սելեկտորում գտնվող ID-ների, դասերի/պսևդո-դասերի/ատրիբուտային սելեկտորների և տեգերի/պսևդո-էլեմենտների քանակով:
3. Տեքստի հերթականությունը աղբյուրային կոդում: Երբ կարևորությունն ու հատուկությունը հավասար են, կիրառվում է վերջին հայտարարած կանոնը:

Բացի այդ, հաշվի են առնվում նաև այլ գործոններ:

• Ստիլային աղբյուր: Օգտատիրոջ (բրաուզերի կարգավորումների մեջ), հեղինակի (արտաքին և ներքին ոճեր, inline ոճեր), բրաուզերի նախնական ոճեր:
• Երասխություն: Որոշ հատկություններ ժառանգվում են ծնողական տարրերից դեպի երեխաներ:

Օրինակ հատուկության:

/* Հատուկություն՝ 0-1-0 */
Իմ-դաս {
  գույն: կապույտ;
}

/* Հատուկություն՝ 1-0-0 */
#իմ-համար {
  գույն: կարմիր;
}

Այս դեպքում, ID իմ-համար և դաս Իմ-դաս ունեցող տարրը կստանա կարմիր տեքստային գույն, քանի որ ID #իմ-համար ունի ավելի բարձր հատուկություն, քան .Իմ-դաս։