Sinf va ID
Cascading Style Sheets (CSS) - belgilash tilidan foydalangan holda yozilgan hujjatning koʻrinishi va formatlanishini tavsiflovchi til. CSS HTML-da yozilgan veb-sahifalarni uslublash uchun keng qo'llaniladi. CSS HTML elementlari uchun uslublarni qo'llashdan tashqari, o'zingizning uslublar tanlovchilarini belgilash imkonini beradi. Bu ID va sinf selektorlari yordamida amalga oshiriladi. Bitta noyob element uchun uslubni belgilashda ID selektori ishlatiladi. Elementlar guruhi uchun uslubni belgilashda sinf selektori ishlatiladi.
Klass nima?
CSS-da sinf selektori o'z uslubingizni elementlar guruhiga qo'llash uchun ishlatilishi mumkin. Sinf selektori bir xil sinfga ega bo'lgan elementlar to'plamiga ma'lum uslubni qo'llash uchun ishlatiladi. CSS-da sinf selektori nuqta (.) bilan belgilanadi. Quyida CSS-da belgilangan sinf selektoriga misol keltirilgan.
.mening_sinfim {
rang: koʻk;
shrift vazni: qalin;
}
HTML quyida koʻrsatilganidek atribut sinfidan foydalangan holda CSS-da belgilangan sinfga murojaat qilishi mumkin.
Bu mening formatim
Bu mening yana formatlashim
Yuqorida ko'rsatilganidek, bir xil sinf bir nechta elementlar uchun ishlatilishi mumkin va bitta element bir nechta sinflardan foydalanishi mumkin. Bitta elementda bir nechta sinf ishlatilsa, sinflar quyida ko'rsatilgandek bo'sh joy bilan ajratilgan sinf atributiga kiritiladi.
Bu mening ikkita sinfdan foydalangan holda formatlashim
Identifikator nima?
CSS-da identifikator selektori o'z uslubingizni bitta noyob elementga qo'llash uchun ishlatilishi mumkin. CSS-da ID selektori xesh () bilan aniqlanadi. Quyida CSS-da aniqlangan identifikator selektoriga misol keltirilgan.
mening_identifikatorim {
rang: qizil;
matnni tekislash:o'ngga;
}
HTML quyida koʻrsatilgandek atribut identifikatoridan foydalangan holda CSS-da belgilangan identifikator selektoriga murojaat qilishi mumkin.
Bu mening ID selektorim formatlashim
IDlar noyobdir. Shuning uchun har bir element faqat bitta identifikatorga ega bo'lishi mumkin va har bir sahifada o'ziga xos identifikatorga ega faqat bitta element bo'lishi mumkin. Identifikatorlar brauzerda ishlatilishi mumkin bo'lgan muhim xususiyatga ega. Agar sahifa URL manzilida xesh qiymati bo‘lsa (masalan, https://myweb.commy_id) brauzer avtomatik ravishda “my_id” identifikatoriga ega elementni topishga harakat qiladi va ushbu elementni ko‘rsatish uchun veb-sahifani aylantiradi. Brauzer ushbu elementni aniqlay olishi uchun sahifada aynan shu identifikatorga ega bo‘lgan bitta element bo‘lishining sabablaridan biri shu.
Klass va ID o'rtasidagi farq nima?
Sinf selektori ham, identifikator selektori ham veb-sahifadagi elementlarga oʻz uslubingizni qoʻllash uchun ishlatilishi mumkin boʻlsa-da, ular bir qancha muhim farqlarga ega. Sinf selektori o'z uslubingizni elementlar guruhiga qo'llash uchun ishlatilishi mumkin, ID selektori esa uslubni bitta, noyob elementga qo'llash uchun ishlatiladi. Identifikatorlardan foydalanganda har bir element faqat bitta identifikatorga ega bo'lishi mumkin va har bir sahifada o'ziga xos identifikatorga ega faqat bitta element bo'lishi mumkin, lekin Class bir nechta elementlar uchun ishlatilishi mumkin va bitta element bir nechta sinflardan foydalanishi mumkin. Bundan tashqari, ID dan oʻsha identifikatorga ega boʻlgan elementni koʻrsatish uchun sahifani avtomatik aylantirish uchun foydalanish mumkin, ammo bu sinf selektori bilan mumkin emas.
