Sobes.tech
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
Սինտաքս .անվան-դաս #անվան-համար
Կիրառում Կազմեր տարրերի Եզակի տարրեր