Attribute class

Attribute class як ё якчанд синфро барои унсур муайян мекунад (дар маънои тег).

Ин барои он анҷом дода мешавад, ки баъдан тавассути CSS ба гурӯҳи унсурҳое, ки ҳамон синфро доранд, дастрасӣ пайдо карда, хусусиятҳои муайянро барои онҳо татбиқ кунем (масалан, тағйир додани ранги матн, андозаи ҳарф ва ғайра).

Ҳамчунин attribute id мавҷуд аст, ки ба монанди attribute class имкон медиҳад, ки унсурҳо дар саҳифаи HTML интихоб карда шаванд.

Фарқи байни attribute class ва attribute id дар он аст, ки class гурӯҳи унсурҳоро интихоб мекунад (ҳатто агар он ба як унсур дода шуда бошад - онро баъдан ба дигаре низ додан мумкин аст), аммо id унсури ягонаро интихоб мекунад (дигар унсуре бо чунин id набояд дар саҳифаи вебсайт мавҷуд бошад, дар акси ҳол мухолифат рух медиҳад).

Чӣ гуна фаҳмидан, ки ба унсур чӣ диҳем - синф ё id? Синф ба он унсурҳое дода мешавад, ки дар саҳифаҳои вебсайт такрор мешаванд (то кодҳои CSS-и якхеларо чанд маротиба нанависанд). Ҳатто агар ҳоло ин унсури мавҷуда якто бошад, вале шумо ҳис мекунед, ки унсурҳои монанд дар оянда пайдо мешаванд - ба ин унсур синф диҳед. Агар шумо боварӣ доред, ки чунин унсур ягона аст - пас ба он id диҳед. Ҳарчанд дар замони ҳозира майл ба он мавҷуд аст, ки ба ҳама унсурҳо синф диҳем, ва id-ро барои JavaScript нигоҳ дорем, вале ин майл умуман қабул нашудааст.

Ба унсур якчанд синфҳо додан мумкин аст, дар ин ҳолат онҳоро бояд бо фосила (пробел) ҷудо кард.

Номҳои синфҳо бояд бо ҳарфҳои англисӣ, рақамҳо, бе фосила (пробел синфҳоро аз якдигор ҷудо мекунад, ба ҷои он метавон истифода бурд аз хати зерин ё дефис). Синфҳо набояд бо рақам оғоз шаванд (дар HTML5 аллакай мумкин аст, вале дар браузерҳои кӯҳна кор нахоҳад кард).

Барои номҳои синфҳо бояд ба забони англисӣ ном гузоштан (на ба забони русӣ, танҳо бо ҳарфҳои англисӣ!). Номҳо бояд маънодор бошанд, моҳияти синфро инъикос кунанд.

Намуна

Бигзор ба ҳама абзасҳое, ки синфи test-ро доранд, ранги сурхи матнро муайян кунем:

<p class="test">Абзаси синфи test.</p>
<p>Абзаси назоратӣ бе синф.</p>

.test {
	color: red;
}

Намуна . Якчанд синфҳо барои унсур

Ва дар ин ҷо бигзор ба абзаси якум якчанд синфҳо диҳем - test1 ва test2 (онҳоро бо фосила нависем). Синфи test1 сурхии ранги матнро муайян мекунад, ва синфи test2 андозаи ҳарфро ба 20px муайян мекунад. Ба абзаси дуюм танҳо синфи test1 дода шудааст (ин абзас сурх хоҳад шуд), ва ба абзаси сеюм - синфи test2 (ин абзас андозаи ҳарфи 20px-ро хоҳад дошт). Абзаси якум, ки ду синфро дорад, ҳамзамон ҳам ранги сурх ва ҳам андозаи ҳарфи 20px--ро хоҳад дошт:

<p class="test1 test2">Абзас бо ду синфи test1 ва test2.</p>
<p class="test1">Абзас бо синфи test1.</p>
<p class="test2">Абзас бо синфи test2.</p>
<p>Абзаси назоратӣ бе синфҳо.</p>

.test1 {
	color: red;
}
.test2 {
	font-size: 20px;
}

Инчунин бинед

attribute id,
ки идентификаторҳои ягонаро ба унсурҳо медиҳад