Класс идентификатору
Cascading Style Sheets (CSS) – белгилөө тили аркылуу жазылган документтин көрүнүшүн жана форматын сүрөттөгөн тил. CSS HTMLде жазылган веб-баракчаларды стилдөө үчүн кеңири колдонулат. CSS HTML элементтери үчүн стилдерди колдонуудан тышкары өз стилиңизди тандоочуларды көрсөтүүгө мүмкүндүк берет. Бул ID жана класс селекторлорунун жардамы менен жасалат. Бир уникалдуу элемент үчүн стилди көрсөтүүдө ID селектору колдонулат. Элементтер тобу үчүн стилди көрсөтүүдө класс тандагыч колдонулат.
Класс деген эмне?
CSS'те Класс тандагычты элементтер тобуна өз стилиңизди колдонуу үчүн колдонсо болот. Класс селектору ошол эле класстагы элементтердин жыйындысына белгилүү бир стилди колдонуу үчүн колдонулат. CSSте класс тандагыч чекит (.) менен аныкталат. Төмөндө CSSде аныкталган класс тандагычтын мисалы келтирилген.
.менин_классым {
түсү: көк;
шрифтин салмагы: калың;
}
HTML төмөндө көрсөтүлгөндөй атрибут классын колдонуу менен CSSде аныкталган класска кайрыла алат.
Бул менин форматтоом
Бул менин кайра форматтоом
Жогоруда көрсөтүлгөндөй, бир эле класс бир нече элементтер үчүн колдонулушу мүмкүн жана бир элемент бир нече класстарды колдоно алат. Бир эле элементте бир нече класс колдонулганда, класстар төмөндө көрсөтүлгөндөй боштук менен бөлүнгөн класс атрибутуна киргизилет.
Бул эки классты колдонуп форматтоом
Идентификатор деген эмне?
CSS'те ID селекторду бир уникалдуу элементке өз стилиңизди колдонуу үчүн колдонсо болот. CSSде ID селектор хэш () менен аныкталат. Төмөндө CSSде аныкталган ID селекторунун мисалы келтирилген.
менин_ID {
түсү: кызыл;
текстти тегиздөө:оңго;
}
HTML төмөндө көрсөтүлгөндөй атрибут идентификаторун колдонуу менен CSSде аныкталган ID селекторуна кайрыла алат.
Бул менин ID тандагычтын форматтоо формасы
Идентификаторлор уникалдуу. Демек, ар бир элемент бир гана ID болушу мүмкүн жана ар бир баракта ошол конкреттүү ID менен бир гана элемент болушу мүмкүн. Идентификаторлордун браузер менен колдонула турган маанилүү өзгөчөлүгү бар. Эгер барактын URL'и хэш маанисин камтыса (мисалы, https://myweb.commy_id) браузер "my_id" идентификатору бар элементти автоматтык түрдө табууга аракет кылат жана ал элементти көрсөтүү үчүн веб-баракчаны жылдырат. Бул серепчи ал элементти таба алышы үчүн баракчада ошол идентификатор менен бир элемент болушунун бир себеби.
Класс менен ID ортосунда кандай айырма бар?
Класс тандагыч менен ID селектору экөө тең веб-баракчадагы элементтерге өз стилиңизди колдонуу үчүн колдонулса да, алардын айрым маанилүү айырмачылыктары бар. Класс селектору өз стилиңизди элементтер тобуна колдонуу үчүн колдонулса болот, ал эми ID селектору стилди бир, уникалдуу элементке колдонуу үчүн колдонулат. Идентификаторлорду колдонууда ар бир элемент бир гана ID'ге ээ болушу мүмкүн жана ар бир баракта ошол конкреттүү ID менен бир гана элемент болушу мүмкүн, бирок Класс бир нече элементтер үчүн колдонулушу мүмкүн жана бир элемент бир нече Класстарды колдоно алат. Андан тышкары, ID ошол ID менен элементти көрсөтүү үчүн баракты автоматтык түрдө жылдыруу үчүн колдонулушу мүмкүн, бирок класс тандагычта бул мүмкүн эмес.
