Если вы, как и большинство, в свое время быстро пробежались по CSS и ушли в JavaScript, самое время вернуться. За последние несколько лет язык получил столько возможностей, что часть задач, которые раньше решались только через JS или препроцессоры, теперь закрывается чистым CSS.
CSS Nesting: вложенность селекторов без Sass.
Слои каскада (
@layer): гибкое управление приоритетом стилей.Container Queries (
@container): позволяет менять стили компонента в зависимости от ширины его родительского контейнера, а не размеров окна браузера.Продвинутые селекторы и многое другое.
Хороший повод пересмотреть, сколько логики в вашем проекте живет в JS только потому, что в свое время CSS так не умел.
👉 https://habr.com/ru/articles/1026574/