Некоторые виды CSS-селекторов:

• Элементные селекторы. 2 Применяют стили или скрипты ко всем элементам выбранного типа на странице. 2 Например, div применит заданные стили ко всем элементам
  в документе. 2 Это основной и самый простой тип селектора. 2
• Классовые селекторы. 2 Используют точку перед именем класса и позволяют выбрать группу элементов, которым назначен определённый класс. 2 Например, .menu позволяет выбрать каждый элемент, который содержит класс menu. 2 Классовые селекторы более гибкие, так как один и тот же класс может быть присвоен элементам разных типов. 2
• Идентификаторы. 2 Начинаются с символа # и предназначены для стилизации конкретного элемента, уникального на странице. 2 Например, #header применит стили только к элементу с идентификатором header. 2
• Сложные селекторы. 2 Включают комбинаторы, такие как потомок ( ), непосредственный потомок (>), соседние элементы (+) и общие следующие соседи (~). 2 Эти селекторы позволяют более точно выбирать элементы относительно других элементов в HTML-структуре. 2
• Псевдо-классы. 1 Предназначены для изменения стиля существующих элементов страницы в зависимости от их динамического состояния, например при работе со ссылками (:link, :visited, :hover, :active, :focus). 1
• Псевдо-элементы. 1 Определяют стиль элементов, чётко не определённых в структуре документа (:first-letter, :first-line), а также позволяют генерировать и стилизовать несуществующее содержимое (:before, :after и свойство content). 1
• Селекторы атрибутов. 1 Позволяют стилизовать элемент не только по значению тега, но и по значению атрибута (a[attr]). 1

Основное назначение селекторов — идентификация элементов для выбора конкретного элемента и дальнейшей работы с ним. 2 С помощью селекторов можно задать стили для отдельных элементов и групп элементов, за счёт чего определяется внешний вид страницы. 2