Какие отличия между классами и идентификаторами (ID) в CSS ты знаешь?

Классы могут быть применены к нескольким элементам, а идентификаторы (ID) — только к одному уникальному элементу на странице.

Приоритет селекторов: ID имеют более высокий приоритет (специфичность) по сравнению с классами.

Использование в JavaScript: ID часто используются для получения доступа к конкретному, уникальному элементу (getElementById), тогда как классы могут применяться для выбора группы элементов (getElementsByClassName или querySelectorAll).

Синтаксис: Классы в CSS обозначаются точкой (.), а ID — решеткой (#).

/* Пример использования класса */
.my-class {
  color: blue;
}

/* Пример использования ID */
#my-id {
  font-weight: bold;
}

<!-- Пример применения класса к нескольким элементам -->
<p class="my-class">Текст 1</p>
<div class="my-class">Текст 2</div>

<!-- Пример применения ID к одному элементу -->
<span id="my-id">Уникальный текст</span>