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