CSS boshlanishi
CSS hujjatning qaysi elementiga tegishliligini aniqlash uchun naqshni moslash qoidalariga tayanadi. Ushbu naqshlar tanlovchilar deb ataladi va ular tagning nomlari (masalan, paragrafga mos keladigan p) hujjatning juda aniq qismlariga mos keladigan murakkab naqshlarga (masalan, p> myid> b.highlight b bir nechta ma'ruza sinf, bu paragrafning farzandidir).
CSS tanlovi - bu veb-sahifaning qaysi qismini aks ettirishi kerakligini belgilaydigan CSS uslubidagi qo'ng'iroqning qismi. Selector tanlangan HTML formatini qanday belgilashni belgilaydigan bir yoki bir necha xususiyatlarni o'z ichiga oladi.
CSS tanlovchilari
Turli xil tanlovchilar mavjud:
- tanlash moslamalari - muayyan elementni moslash
- sinf sinxronlashtiruvchi-mos keluvchi elementlar aniq sinfga ega
- Identifikator identifikatorlari - elementni muayyan identifikator bilan moslashtiradi
- toifadagi tanlovchilar - muayyan elementning avlodlari hisoblanadigan elementlar
- tanlangan elementlarning bolasi bo'lgan tanlov elementlari
- universal tanlovchilar - har qanday elementni moslash
- yaqin qarindosh birodarlarni tanlab olish elementlari, darhol ma'lum bir elementdan oldin keladi
- identifikator yoki atribut qiymati bilan tanlash moslamalarini mos keluvchi elementlar
- pseudo-sinfda tanlangan sintaktik-o'ziga xos pseudo-sinfga mos keluvchi elementlar
- pseudo-elementli tanlovchilar-o'ziga xos pseudo-element xususiyatlariga ega bo'lgan elementlar
CSS Stillarini va CSS Sintoratorlarini formatlash
CSS uslubi formati quyidagicha ko'rinadi:
uslubchi uslubi: uslub; }
Vergul bilan bir xil uslubga ega bo'lgan bir nechta tanlovchini ajrating. Bunga selektor guruhlari deyiladi. Masalan:
selector1 , selector2 {style property: uslub; }
Guruhlarni tanlashda CSS uslublaringizni ixchamlashtirish uchun qisqartirilgan mexanizm mavjud.
Yuqoridagi guruhlash quyidagi ta'sirga ega bo'ladi:
selector1 {uslub xususiyati: uslub; }
selector2 {uslub xususiyati: uslub; }
Har doim CSS tanlovchilaringizni sinab ko'ring
Barcha brauzerlar barcha CSS tanlovchilarini qo'llab-quvvatlamaydi. Shunday qilib, sizning tanlovchilaringizni imkon qadar ko'p operatsion tizimda ko'plab brauzerlarda sinab ko'rishingiz kerak. Ammo CSS 1 yoki CSS2 tanlovchisidan foydalanayotgan bo'lsangiz, siz yaxshi bo'lishi kerak.