В чем разница между стилями, применяемыми к селекторам id и классов?

• Id: Уникальный идентификатор для одного элемента на странице. В CSS используется с префиксом #.
• Класс: Группирует элементы, к которым применяются одинаковые стили. Один элемент может иметь несколько классов. В CSS используется с префиксом ..

Приоритет (специфичность) селектора id выше, чем у селектора класса. Стиль, заданный по id, переопределит стиль, заданный по классу, если они касаются одного свойства для одного элемента.

/* Стиль для элемента с id="unique-element" */
#unique-element {
  color: blue;
}

/* Стиль для всех элементов с классом "common-style" */
.common-style {
  font-weight: bold;
}

В HTML:

<div id="unique-element" class="common-style">
  Этот текст будет синим и жирным.
</div>

<div class="common-style">
  Этот текст только жирный.
</div>