Class selektori: Elementlar class atributi orqali belgilanishi
mumkin, shuning uchun class selektori . belgisi orqali aniqlanadi.
Masalan, .text-center, .primary-color kabi.
Universal selektor: Barcha elementlar uchun mo'ljallangan
selektor hisoblanadi. * belgisi orqali aniqlanadi.
Attribute selektori: Belgilangan atribut qiymati yoki atrributning
mavjudligiga ko'ra elementlar tanlanadi. Masalan, [type="text"],
[href="#"], [disabled] kabi.
Pseudo-selektorlar: Elementlar belgilangan holatda aniqlanadi.
Masalan, :hover, :active, :focus kabi.
Selektorlar,
CSS qo'llaniladigan barcha elementlarni aniqlashda
va unga mos ko'rinishni berishda katta ahamiyatga ega.
6. CSS sinflar vazifasi.
CSS sinflari, belgilangan HTML elementlari uchun mo'ljallangan
stil qoidalarini aniqlash uchun foydalaniladigan bir nechta
atributlardan biridir. Sinflar, bir yoki bir nechta elementga bir
nechta stil qoidalari berishga imkon beradi va ularga mos
keladigan CSS stil qoidalari ko'rsatishga imkon beradi. CSS sinfi
attributi, class belgisini yordamida aniqlanadi va qo'shimcha stil
qoidalarini quyidagi ko'rinishda berish mumkin:
.my-class {
font-size: 18px;
color: #333;
text-align: center;
}
Bu yerda .my-class sinfi yaratilgan va bu sinfga mos keladigan
HTML elementlariga yuqoridagi stil qoidalari uyg'unlashgan holda
stil beriladi. Masalan, quyidagi HTML elementiga yuqoridagi sinf
tanlanadi:
Bu matn sinfga mos keladi
Bunday yordam orqali bir nechta elementlar qaysi sinflarga mos
kelishini aniqlab, ularga mos keladigan stil qoidalarni berish
imkoniyati yaratiladi. Bu usul barcha elementlarga o'zgartirish
kiritish yoki ularga mos keladigan stil qoidalarni birlashtirishning
qulay usulidir.