В чем разница между стилями для id и для class в CSS

id и class — это CSS-селекторы, но с разными особенностями:

• id уникален (должен встречаться на странице только один раз), а class можно применять к множеству элементов.
• Специфичность id выше, чем у class (100 против 10), поэтому стили id переопределят class.
• В JS id можно получить напрямую (document.getElementById), а class — через методы вроде getElementsByClassName.

Пример:

#header { color: red; }  /* Применяется к одному элементу */
.title { font-size: 20px; }  /* Можно использовать много раз */

Когда использовать:

• id — для уникальных элементов (например, шапка, модальное окно).
• class — для повторяющихся стилей (кнопки, карточки).