CSSте 'каскад' термини эмне мааниге ээ?

CSS-де каскад, каршылыкка кабылган стильдердин кайсысы элементке колдонулушу керек экенин аныктайт. Ал үч негизги критерийлерге негизделген:

1. Маанилүүлүк: !important менен белгиленген стильдер эң жогорку артыкчылыкка ээ.
2. Өзгөчөлүк: Атайын жана так селекторлор азыраак өзгөчөлүккө ээ селекторлорду алмаштырат. Өзгөчөлүк селектордогу ID, класс/псевдо-класс/атрибут селекторлору жана тег/псевдо-элементтердин санына негизделет.
3. Коддун тартиби: Эгер маанилүүлүк жана өзгөчөлүк бирдей болсо, акыркы белгиленген эрежеге ылайык колдонулат.

Бул үч негизги фактордон тышкары, башка факторлор да каралат:

• Стиль булагы: Колдонуучунун браузердеги жөндөөлөрү, автордун стилдери (сырткы жана ички стильдер, inline стильдер), браузердин алдын ала орнотулган стилдери.
• Мурас алуу: Айрым касиеттер ата-элементтерден балдарга мурас катары өтөт.

Мисал өзгөчөлүк:

/* Өзгөчөлүк: 0-1-0 */
Менин-класс {
  түс: көк;
}

/* Өзгөчөлүк: 1-0-0 */
#менин-ид {
  түс: кызыл;
}

Бул учурда, ID менин-ид жана класс Менин-класс бар элемент кызыл текст түсүнө ээ болот, анткени ID #менин-ид көбүрөөк өзгөчөлүккө ээ.