Максим Гатилин пишет:

Максим Гатилин

Пишу про фронтенд и всякое · 01.07

CSS Nesting - прощай .less?

Препроцессоры CSS — отличный инструмент для разработчиков. Они предоставляют функции, которых не хватало в базовом CSS, и постепенно эти функции становятся доступны в оригинальном CSS.

Одна из таких функций — CSS Nesting (вложенный CSS), которая позволяет задавать стили для родительского класса и его дочерних элементов. Также с помощью символа & можно объединять классы, например, .a.b. Больше информации можно найти в документации (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting/Using_CSS_nesting).

Но суть не в этом - а в том что потихоньку все фишки доходят до оригинального CSS, причем уже проверенные временем на полезность. Так произошло с jQuery, который изначально использовался для работы с DOM, но когда эта функциональность была реализована в JavaScript, разработчики перестали использовать jQuery. То же самое произойдёт и с Less/Sass(Stylus живой еще?).

Что вы думаете об этом? Используете ли вы препроцессоры сейчас и планируете ли перейти на чистый CSS?

270

Кирилл Жиганов

· 02.07

Это очень интересно! Я не знал про вложенность в ванильном CSS.

Однако я так и останусь пока на SCSS пока он позволяет удобно использовать переменные, миксины и функциональность

Григорий Шустиков

· 01.07

Использовал SCSS, но после того как вложенность реализовали в CSS вернулся к pure CSS. Но сейчас увлёкся sass - просто по факту писать меньше. LESS знаю, но не использовал. Со Stylus не знаком. Раздумываю вкусить TailWind, но пока не увидел ощутимых плюсов по сравнению с SASS.