Функция attr() CSS используется для получения значения атрибута выбранного элемента и использования его в таблице стилей. Он также может быть использован на псевдо-элементах, в этом случае возвращается значение атрибута на исходном элементе псевдо-элемента.

@supports CSS правило позволяет указать объявления, которые зависят от поддержки браузером одной или нескольких конкретных функций CSS. Это называется запросом компонента. Правило может быть размещено на верхнем уровне кода или вложено в любую другую условную группу. Отдельные стили для говнобраузера через supports - смотреть

@document CSS правило ограничивает содержащиеся в нем правила стиля на основе URL документа.

Правило CSS @media можно использовать для применения части таблицы стилей на основе результатов одного или нескольких медиа-запросов по определению размеров екрана или типа устройства.

Правило CSS @keyframes управляет промежуточными шагами в последовательности анимации CSS, определяя стили для ключевых кадров (или путевых точек) вдоль последовательности анимации. Это дает больший контроль над промежуточными шагами последовательности анимации, чем переходами.

@import правила в CSS используются для подключения дополнительный стилей из других документов стилей.

Позволяет авторам использовать в документе свои собственные шрифты, @font-face позволяет создавать контент, не ограничиваясь так называемыми «веб-безопасными» шрифтами (то есть шрифтами, которые настолько распространены, что их считают универсально доступными).

Правило CSS @charset определяет кодировку символов, используемую в таблице стилей. Это должен быть первый элемент таблицы стилей, и перед ним не должен стоять какой-либо символ; поскольку это не вложенный оператор, он не может использоваться внутри условных групповых правил.

Селекторы позволяют выбрать нужный Вам элемент указав сочитание класов, их порядок порядок в документе....

Псевдоэлементы - это те части верстки которых реально не существуют в HTML документе. С псевдоэлементами существует маленькое недорозумение, так как по правилам они должны начинатся с двойного двоеточия ::, но на практике все используют только одинарное:. Браузеры сами добавляют второе двоеточие.