CSSте стильдердин артықчылыктары кандай иштейт?

CSSте стильдердин артыкчылыктары каскад механизми жана селектоорлордун өзгөчөлүгү аркылуу аныкталат. Негизги принциптер:

1. Өзгөчөлүк — бул селектордун салмагы, ал ID, класстар, тегдер жана башка компоненттердин санына карап эсептелет. Канча жогору болсо, стиль ошончолук артыкчылыктуу болот.

   • ID селектору (#id) жогорку артыкчылыкка ээ.
   • Класстар (.класс), атрибуттар жана псевдоселекторлор орто артыкчылыкка ээ.
   • Тегдер (div, p) төмөнкү артыкчылыкка ээ.

2. Каскад — эгер эки эреженин өзгөчөлүгү бирдей болсо, коддо кийинкиде жарыяланган колдонулат.

3. !important — стильге максималдуу артыкчылык кошот, башка эрежелерди, башка !important менен жогорку өзгөчөлүккө ээ болгон эрежелерди эске албастан, үстөмдүк кылат.

4. Мурас — кээ бир өзгөчөлүктөр (color, font-family) ата-эне тарабынан мурасталат, эгер кайра аныкталбаса.

Мисал:

#header { color: red; }       /* өзгөчөлүк 100 */
.menu { color: blue; }        /* өзгөчөлүк 10  */
div { color: green; }         /* өзгөчөлүк 1   */

/* Эгер элементтин id="header" жана класс="menu" болсо, түс кызыл болот */

Бул жол менен браузер эң жогорку өзгөчөлүккө ээ стильди тандайт, тартип жана !important болушун эске алат.