CSS последние годы развивается очень активно и нововведения могут сильно влиять на нашу верстку. Поэтому сегодня мы рассмотрим достаточно свежие селекторы, вышедшие пол года назад, которые Вы уже можете использовать в своих проектах, а так же поговорим о том, что такое специфичность. Псевдокласс :is Допустим у нас есть несколько карточек с классом .card, которые так же могут иметь классы .card_active и .card_visited. Что бы задать для них стили напишем такой селектор: Это стандартное решение, но придется каждый раз прописывать и сам класс ...

Псевдоклассы в CSS позволяют выбирать элементы на основе их текущего состояния или положения в документе. Это может быть полезно для стилизации элементов при определенных действиях пользователя, таких как наведение курсора на элемент или выбор элемента в форме. Псевдоклассы начинаются со знака двоеточия и указываются после селектора элемента. Например, псевдокласс ":hover" выбирает элемент, когда курсор мыши находится над ним: В этом примере мы выбрали все ссылки, на которые наведен курсор мыши, и установили для них красный цвет...