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?

#css #frontend
CSS Nesting - прощай .less? | Сетка — новая социальная сеть от hh.ru
repost

269

input message

напишите коммент

· 02.07

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

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

ответить

· 01.07

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

ответить

еще контент автора

еще контент автора

войдите, чтобы увидеть

и подписаться на интересных профи

в приложении больше возможностей

пока в веб-версии есть не всё — мы вовсю работаем над ней

сетка — cоциальная сеть для нетворкинга от hh.ru

пересекайтесь с теми, кто повлияет на ваш профессиональный путь