|
Selektor, Klass, Identifikator tushunchasi!Bog'liq 5afa82892a035Selektor, Klass, Identifikator tushunchasi!
Selektor.
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).
A {text-decoration:none; }
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, classso‘zi yordamida o‘rnatilgan stil
nomi chaqiriladi. Misol ko‘ramiz:
H1.rd {color:red;}
H1.be {color:red;background-color:blue;}
E'lon qilingan stilni kerakli joyda chaqiramiz.
11
Qizil shrift
Ko'k fonda qizil shrift
1em lik yozuv
Qora rangda
Yuqoridagi kodda "form3" identifikatori e'lon qilindi, lekin "form2" identifikatori
ishlatildi. Bunda "form2" bo‘lmaganligi sababli yozuv odatiy holda namoyon bo‘ldi.
Hozirgi kunda identifikatordan klassda yaratilgan stillarning ma'lum bir qismini
o‘zgartirish uchun ishlatishmoqda. Misol uchun, bitta klass ochib, unga nom
beramiz va stillar ketma-ketligini kiritamiz.
HTML kod ichida shu klassni chaqirib, undan foydalanamiz, agar bizga stillar
ketmaketligini biror elementini o‘zgartirish kerak bo‘lib qolsa, identifikatorni ishga
solamiz. Shunda butun stilni bitta elementini o‘zgartirish uchun boshidan yozib
o‘tirmaymiz. HTML tegida klass va identifikatorni birga ishlatsak, identifikator
kuchliroq hisoblanadi.
Misol ko‘ramiz. Ikkala holatda ham matn qizil rangda chiqadi, identifikatorda
o‘rnatilgani kabi. Oxirgi berilgan stil natijaga ta'sir qiladi.
test_klas
test_klas
|
| |
