CSS qısa kursu
Şəlalə CSS stillərini belə faydalı edir. Bir sözlə, şəlalə qarşılıqlı üslubların tətbiq olunması üçün üstünlük sırasını müəyyənləşdirir. Başqa sözlə, iki üslub varsa:
p {color: red; }
p {rəng: mavi; }
Şablon, üslub tərtibatında həm qırmızı, həm də mavi olmaları lazım olduğuna baxmayaraq, paraqrafların hansı rəngdə olacağını müəyyənləşdirir. Nəticədə yalnız bir rəng paraqraflara tətbiq edilə bilər, buna görə bir sifariş olmalıdır.
Və bu sifariş, seçicilərin (yuxarıdakı nümunədə p) ən yüksək üstünlüyə və sənəddə göstərildiyi sifarişə tətbiq olunur.
Aşağıdakı siyahı brauzerinizin bir stil üçün üstünlük verdiyini necə sadələşdirir:
- Elementə uyğun selektor üçün stillərə baxın. Heç bir müəyyən edilmiş üslub varsa, brauzerdə default qaydalarından istifadə edin
- Markalı seçicilər üçün stillərə baxın və vacib elementlərə tətbiq edin.
- Üslubda göstərilən bütün üslublar standart brauzer üslublarını ləğv edəcək (istifadəçi stillərinin istisna olmaqla).
- Stil seçicisi daha spesifik, daha üstündür. Məsələn, div> p.class p-dən daha spesifik olan p.class-dan daha spesifikdir.
- Nəhayət, əgər iki qayd eyni elementə tətbiq edilsə və eyni selektor üstünlüyə malikdirsə, sonuncu yüklənmişdir. Başqa sözlə, üslubu düzəldən yuxarıdan aşağıya oxunur və üslub bir-birinin üstünə tətbiq olunur.
Bu qaydalara əsasən, yuxarıda göstərilən misalda, paraqraflar mavi rəngdə yazılacaq, çünki p {color: blue; } son üslubda tərtib edilir.
Bu şəlalənin çox sadələşdirilmiş izahıdır. Şəlalənin necə işlədiyini öyrənmək istəyirsinizsə , "Cascades" Cascading Style Sheets-də nə deməkdir? .