Junior
Ի՞նչ տարբերություններ գիտես CSS-ում դասերի և ID-ների միջև։
sobes.tech AI
Պատասխան AI-ից
- Անհատականություն: ID-ը եզակի է էջում, դասը կարող է կիրառվել մի քանի տարրերի վրա:
- Սպեցիֆիկության առաջնահերթություն: ID-ը ունի ավելի բարձր սպեցիֆիկության առաջնահերթություն (100) համեմատ դասի (10) հետ:
- Սելեկտորներ: ID սելեկտորը նշվում է
#, դասի սելեկտորը.: - Կիրառում: ID-ը սովորաբար օգտագործվում է առանձին, եզակի տարրերի ձևափոխության համար (օր., գլխավերև, ստորագրություն), դասերը՝ խմբերի ձևափոխության համար, որոնք ունեն ընդհանուր հատկություններ (օր., տարբեր գույների կոճակներ):
/* ID-ով ձևափոխում - կիրառվում է միայն մեկ տարրի վրա */
#header {
background-color: blue;
}
/* Դասով ձևափոխում - կիրառվում է մի քանի տարրերի վրա */
.button-primary {
color: white;
background-color: green;
}
| Գծանշում | Դասը | ID |
|---|---|---|
| Անհատականություն | Չի էական | Եզակի |
| Առաջնահերթություն | 10 | 100 |
| Սինտաքս | .անվան-դաս |
#անվան-համար |
| Կիրառում | Կազմեր տարրերի | Եզակի տարրեր |