Разница между пользовательскими свойствами в CSS и переменной SCSS / SASS

Question

Я проходил очень хороший урок

https://www.sitepoint.com/variables-in-css-custom-properties/

Я пытался понять концепцию пользовательских свойств в CSS.Но я действительно запутался, поскольку переменная SASS / SCSS также делает то же самое.Тогда когда пользовательские свойства.Или есть какой-то существенный способ предпочтения пользовательских свойств CSS над препроцессорами.

Спасибо!Любая помощь высоко ценится

Answer 1

sass / scss - это код, скомпилированный для CSS, в отличие от пользовательского CSS, который представляет собой самодельную переменную для изменения стиля страницы.Но оба метода способствуют каскаду.На мой взгляд, вы должны посмотреть на совместимость браузера и в каком контексте проекта его использовать

Answer 2

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

С добавлением свойств ванильный CSS, вы можете использовать его без необходимости какого-либо препроцессора; это просто дополнение к языку.

Что касается того, когда вы должны его использовать, вопрос должен быть: когда вы должны использовать CSS препроцессоры. Это когда вам нужна большая гибкость и среда программирования, подобная языку. Я надеюсь, что это отвечает на вопрос.