CSS qisqa kursi
Kaskad - CSS uslublar jadvallarini juda foydali qiladi. Muxtasar qilib aytganda, kaskad qanday qarama-qarshi uslublarni qo'llash kerakligi uchun ustuvorlik tartibini belgilaydi. Boshqacha qilib aytganda, siz ikki uslubingiz bor:
p {rangi: qizil; }
p {rang: ko'k; }
Tarzsimat varaqlari ham qizil, ham ko'k bo'lishi kerakligini ta'kidlagan bo'lsa-da, bu parchalar qaysi rangni belgilashi kerak. Shunday qilib, xatboshilarga faqat bitta rang qo'llanilishi mumkin, shuning uchun buyurtma bo'lishi kerak.
Va bu buyruqlar yordamida tanlovchilar (yuqoridagi misolda p) eng yuqori ustunlikka egadirlar va qaysi tartibda ular hujjatda paydo bo'lishadi.
Quyidagi ro'yxat sizning brauzeringiz uslubi uchun ustunlik qilishni qanday qilib soddalashtiradi:
- Elementga mos keladigan selektor uchun uslublar jadvaliga qarang. Belgilangan uslublar bo'lmasa, brauzerda ko'rsatuv ko'rsatmalardan foydalaning
- Belgilangan tanlanganlar uchun uslublar varag'iga qarang va ularni tegishli elementlarga qo'llang.
- Uslub varaqidagi barcha uslublar standart brauzer uslublarini bekor qiladi (foydalanuvchi uslublar jadvalidan tashqari).
- Uslubni tanlashning o'ziga xosligi qanchalik ustuvor bo'lsa, shuncha ustun bo'ladi. Masalan, div> p.class p.classga qaraganda aniqroqdir, bu esa p dan yanada aniqdir.
- Nihoyat, agar ikkita qoida bir xil elementga tegishli bo'lsa va bir xil tanlov ustunligiga ega bo'lsa, oxirgi yuklangan dastur qo'llaniladi. Boshqacha aytganda, uslublar varaqlari yuqoridan pastgacha o'qiladi va uslublar bir-birining ustiga joylashtiriladi.
Ushbu qoidalarga asosan, yuqoridagi misolda paragraflar ko'k rangda yoziladi, chunki p {color: blue; } oxirgi marta uslublar varag'ida keladi.
Bu kaskadning soddalashtirilgan ta'rifi. Agar siz kaskadning qanday ishlashi haqida ko'proq bilishni xohlasangiz , "Cascade" kaskadli stil jadvalidagi nimani anglatadi? .