Разница между SCSS и LESS

Banukobhan Nagendram спросил: 31 июля 2018 в 09:30 в: sass

Я прочитал о SCSS и LESS. Но я не могу четко понять различия. Я знаю, что SCSS и LESS имеют большую функциональность CSS (я имею в виду расширение CSS).

Чем отличается SCSS и LESS? Какой из них лучше?


2 ответа

Есть решение
Keir Lewis ответил: 31 июля 2018 в 09:52

Sass и Less являются CSS-препроцессорами.

От keycdn.com

CSS-препроцессор - это в основном язык сценариев, который расширяет CSS, а затем компилирует его в обычный CSS .

Таким образом, Sass and Less не изменяют функциональность CSS, так как они скомпилированы в обычный старый CSS. Они упрощают написание и поддержку CSS с помощью таких инструментов, как миксины, вложение, переменные и т. Д.

SCSS, что означает "Sassy CSS", является одним из двух синтаксисов для Sass. Из ссылки sass:

Второй и более старый синтаксис, известный как синтаксис с отступом (или иногда просто"Sass"), обеспечивает более лаконичный способ написания CSS.

Разница

И Sass, и Less имеют очень похожие функции. Sass использует Ruby, тогда как Less использует Javascript. Существуют синтаксические различия, например, Sass использует $ для переменных, в то время как меньше использует @.
Существует несколько более субъективных отличий, этот сайт утверждает, что "LESS имеет больше пользователей -Дружественная документация, чем Sass", однако лично я нашел документацию и примеры Sass очень простыми в использовании.

jrswgtr ответил: 31 июля 2018 в 09:38

SCSS и LESS являются"надмножествами" ванильного CSS. Это означает, что действительный CSS автоматически также является допустимым SCSS и LESS, но не обязательно наоборот.

Разница между SCSS и LESS заключается в том, что они имеют разный синтаксис. Они в основном имеют одинаковые функции.

Подробнее о SCSS и LESS можно прочитать здесь.