.class
Misol
class="intro" bo‘lgan barcha elementlarni tanlang va ularga uslub bering:
.intro {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS .class selektori muayyan class atributi qiymatiga ega elementlarni tanlaydi.
Muayyan class’ga ega barcha turdagi elementlarni tanlash uchun nuqta (.) belgisini va undan keyin class atributi qiymatini yozing.
element.class selektori ko‘rsatilgan class atributi qiymatiga ega ko‘rsatilgan elementlarni tanlaydi.
Muayyan class’ga ega faqat bir turdagi elementlarni tanlash uchun element nomini, so‘ng nuqta (.) belgisini va undan keyin class atributi qiymatini yozing (quyidagi 1-misolga qarang).
Maslahat: HTML elementlari bir nechta class’ga ham murojaat qilishi mumkin (quyidagi 2-misolga qarang).
| Versiya: | CSS1 |
|---|
Brauzerlarda qo‘llab-quvvatlash
| Selektor | |||||
|---|---|---|---|---|---|
| .class | Ha | Ha | Ha | Ha | Ha |
CSS sintaksisi
CSS sintaksisi
Ko‘proq misollar
1-misol
class="intro" bo‘lgan barcha <p> elementlarini tanlang va ularga uslub bering:
p.intro {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
2-misol
.class selektoridan turlicha foydalanish:
/* selects all elements with class="center" */
.center {
text-align: center;
}
/* selects all <p> elements with class="large" */
p.large {
font-size: 200%;
}
/* selects all <p> elements with a class list that includes "fancy" and "beige" */
p.fancy.beige {
font-family: 'Courier New', monospace;
background-color: beige;
border: 2px solid green;
}
/* selects all elements with class="ex2", inside <p> elements with class="ex1" */
p.ex1 .ex2 {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!