Какие существуют типы CSS селекторов?

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

• Селекторы типа. htmlacademy.ru Выбирают элементы HTML-документа по их тегу. htmlacademy.ru Например, селектор p выберет все <p> на странице. htmlacademy.ru
• Селекторы класса. htmlacademy.ru gb.ru Определяют стиль элементов с определённым классом. htmlacademy.ru Например, селектор .highlight выберет абзац с классом .highlight. htmlacademy.ru
• Селекторы идентификатора. htmlacademy.ru Выбирают элемент по его уникальному идентификатору. htmlacademy.ru Например, #welcome соответствует элементу с id=”welcome”. htmlacademy.ru
• Селекторы наличия и значения атрибута. htmlacademy.ru Находят все элементы, которые имеют определённый атрибут или значение атрибута. htmlacademy.ru
• Универсальный селектор. htmlacademy.ru gb.ru Позволяет прописать стили для всех элементов HTML без исключения. htmlacademy.ru
• Псевдоклассы и псевдоэлементы. developer.mozilla.org Псевдоклассы стилизуют определённое состояние элемента. developer.mozilla.org Например, псевдокласс :hover применяет правило, только если на элемент наведён курсор мыши. developer.mozilla.org Псевдоэлементы выбирают определённую часть элемента (вместо целого элемента). developer.mozilla.org
• Комбинаторы. developer.mozilla.org Позволяют объединять селекторы, чтобы было легче находить конкретные элементы внутри документа. developer.mozilla.org