В чем разница между селекторами # и . в CSS?

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

Символ # используется для селекторов идентификатора (ID), которые выбирают элемент по его уникальному идентификатору. interview.rakovets.by htmlacademy.ru Идентификатор должен быть единственным на странице с таким значением. hcdev.ru Пример: #welcome соответствует элементу с id=”welcome”. htmlacademy.ru

Символ . используется для селекторов класса, которые определяют стиль элементов с определённым классом. interview.rakovets.by htmlacademy.ru Классы можно использовать для группировки элементов схожих типов. tproger.ru Пример: .highlight выбирает абзац с классом .highlight. htmlacademy.ru

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