CSS 和 SCSS/SASS 变量中自定义属性的区别

Difference between custom properties in CSS and SCSS/SASS variable

我正在学习一个非常好的教程

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

我试图理解 CSS 中自定义属性的概念。但我真的很困惑,因为 SASS/SCSS 变量也做同样的事情。然后当自定义属性。或者有什么重要的方法可以使 CSS 自定义属性优于预处理器。

谢谢!! 非常感谢任何帮助

非常简单的答案是 CSS 属性在预处理器之后很久就出现了。人们更喜欢预处理器的原因之一是它就像一种具有函数和变量的编程语言,而不仅仅是静态的 CSS.

通过为 vanilla 添加属性 CSS,您可以在不需要任何预处理器的情况下使用它;它只是语言的补充。

关于什么时候应该使用它,问题应该是:什么时候应该使用 CSS 预处理器。这是您需要很大的灵活性和类似编程语言的环境的时候。我希望这能回答这个问题。

sass / scss 是为 css 编译的代码,不像自定义 css 这是一个自制的变量来改变样式页。 但是这两种方法都有助于级联。在我看来,您必须查看浏览器兼容性以及在哪个项目上下文中使用它