CSS da selektor vazifasini HTML teglar bajaradi. Veb sahifadagi barcha bir hil tipdagi teglarga(selektorlarga) umumiy stil beramiz. Misol uchun saytdagi barcha “ссылка”larning tegiga chizishni olib tashlaymiz(sizga ma’lumki, “ссылка” larga stil berilmasa odatiy tegiga chizilgan holatda qoladi).
< STYLE TYPE="text/css">
A {text-decoration:none; }
< /STYLE>
Dizayn qoidalari to'plami (ular o'z navbatida reklama blokiga ega bo'lgan selektorlardan iborat) ma'lum html teglariga qo'llaniladi, buning natijasida saytning ko'rinishi shakllanadi.
CSS selektori- bu CSS qoidasining ajralmas qismi bo'lib, ushbu qoidada ko'rsatilgan dizayn uslublari qo'llaniladigan maxsus html teglarini aniqlash uchun javobgardir.
Shunday qilib, selektorlar tufayli brauzer sahifa kodining qaysi elementlari muayyan dizayn uslublarini qo'llash kerakligini tushunadi.
CSS-dagi elementlarni tanlash vositasi alohida kod elementlarini va u yoki bu xususiyat bilan aniqlangan elementlarning butun guruhlarini tanlash uchun juda moslashuvchan va qulaydir.
Klass
Agar bizga, kod ichida foydalaniladigan bir xil teglarga har xil stillarni o‘rnatishimiz lozim bo‘lsa, klass yoki identifikatorlardan foydalanish juda qulay hisoblanadi. Dastlab klass haqida to‘xtalib o‘tamiz. Bir xil elementlarga har xil stil berish uchun, element nomi va nuqta(.) qo‘yib, stilga biror nom beramiz. So‘ng shu nomga tegishli bo‘ladigan stillar ketma-ketligini yozib chiqamiz. Shundan so‘ng, kod ichida kerakli bo‘lgan joyda, class so‘zi yordamida o‘rnatilgan stil nomi chaqiriladi.
< head>
< style TYPE="text/css">
H1.rd {color:red;}
H1.be {color:red;background-color:blue;}
< /style>
< /head>
E’lon qilingan stilni kerakli joyda chaqiramiz.
< body>
< h1 >Qizil shrift< /h1>
< h1 >Ko'k fonda qizil shrift
< /body>
Identifikatorlar
Bu o‘z ismi bilan etib turilibdi IDENTIFIKATOR, ya’ni butun veb sahifasida faqatgina bitta elementga stil berish uchun ishlatiladi. Dastlab stil yozilib, unga “#” belgisi orqali nom beriladi. “#” bu identifikatorli stillar to‘plami degan ma’noni beradi.
#akm{font-family:verdana; color:green;}
So‘ng kod ichida bu identifikator ID kalit so‘zi orqali chaqiriladi va yagona element uchun ishlatiladi. Bu ta’rif identifikatorga berilgan xaqiqiy ta’rifdir. Lekin hozirgi kundagi ko‘p brouzerlarda id orqali bir necha elementga ham stil berish mumkin bo‘lib qoldi, brouzerlar bunga ruhsat berishmoqda.
< STYLE TYPE="text/css">
#myID {letter-spacing: 1em; }
H1#form3 {color:red; background-color:
blue}
< /STYLE>
< BODY>
< P ID=myID> 1em lik yozuv
< H1 ID=form2>Qora rangda
Yuqoridagi kodda "form3" identifikatori e’lon qilindi, lekin "form2" identifikatori ishlatildi. Bunda "form2" bo‘lmaganligi sababli yozuv odatiy holda namoyon bo‘ldi.
