Sobes.tech
Junior

CSSте класс жана ID арасындагы айырмачылыктарды билесиңби?

sobes.tech AI

AIден жооп

  • Жеке uniqueness: ID уникален на страницата, клас може да се прилага към няколко елемента.
  • Приоритет на специфичността: ID има по-висок приоритет (100) в сравнение с класа (10).
  • Селектора: ID селекторът се обозначава с #, селекторът на класа - с ..
  • Приложение: ID обикновено се използва за стилизиране на отделни, уникални елементи (например, заглавие, футър), класовете за стилизиране на групи елементи с общи свойства (например, бутони с различни цветове).
/* Стил по ID - се прилага само към един елемент */
#header {
  background-color: blue;
}

/* Стил по клас - се прилага към няколко елемента */
.button-primary {
  color: white;
  background-color: green;
}
Характеристика Клас ID
Уникалност Не е уникален Уникален
Приоритет 10 100
Синтаксис .име-клас #име-id
Приложение Групи елементи Уникални елементи