Разница между селекторами # и . в CSS заключается в том, что они обозначают разные типы выбора элементов. 12

Символ # используется для селекторов идентификатора (ID), которые выбирают элемент по его уникальному идентификатору. 15 Идентификатор должен быть единственным на странице с таким значением. 4 Пример: #welcome соответствует элементу с id='welcome'. 5

Символ . используется для селекторов класса, которые определяют стиль элементов с определённым классом. 15 Классы можно использовать для группировки элементов схожих типов. 3 Пример: .highlight выбирает абзац с классом .highlight. 5

Таким образом, различие заключается в том, что селектор с символом # выбирает конкретный элемент по идентификатору, а селектор с символом . — по классу. 12