Смешные животные КОТО-МИШКИ прекрасно размножаются у Марио в сафари-парке)
Правила в CSS можно вкладывать друг в друга — как в Sass, только без компиляции и зависимостей
Псевдоклассы, дочерние селекторы и медиазапросы лежат рядом с базовыми стилями компонента, а не разбросаны по файлу. Нативно — с 2023 года: Chrome 112+, Firefox 117+, Safari 16.5+. Ключевой символ — &, ссылка на родительский селектор. &:hover превращается в .btn:hover, &.is-active — в .btn.is-active, а .dark & ставит .btn внутрь .dark. Без & вложенный селектор читается как потомок через пробел....
@supports в CSS: как безопасно использовать новые свойства
Современные веб-технологии развиваются быстро: каждая новая версия CSS приносит свежие возможности — гриды, переменные, фильтры, aspect-ratio и многое другое. Но в реальности существует проблема - не все пользователи обновляют браузеры и не все браузеры быстро реализуют поддержку новых стандартов. В результате дизайнер видит одно, а пользователь — совсем другое. Чтобы не ломать макеты и не писать бесконечные хаки, разработчикам нужна возможность проверять поддержку конкретных CSS-функций. И именно для этого в язык добавили директиву @supports...