Различия между SCSS и LESS

Question

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

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

Answer 1

Оба Sass и Меньше являются CSS-препроцессорами.

From keycdn.com

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

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

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

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

Разница

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

Answer 2

SCSS и МЕНЬШЕ являются "надмножествами" ванили CSS . Это означает, что действительный CSS автоматически также действителен SCSS и LESS, но не обязательно наоборот.

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

Вы можете узнать больше о SCSS и LESS здесь .