scss向后兼容less吗？

Question

scss 是否向后兼容 less？我不认为是。例如，less 以“@”为变量添加前缀，而 scss 以“$”为变量添加前缀。但即使我替换了变量前缀，我认为每个预处理器都有特定的功能/处理。

一位同事坚持认为 scss 向后兼容 less。我在想他可能是糊涂了。 Less/scss 向后兼容 css，但我不认为 scss 向后兼容 less。你能确认一下吗？

Answer 1

对于基本的嵌套样式，LESS 和 Sass 通常是兼容的：

a {
    // A styles

    B {
        // B styles
    }

}

将在两者中编译成相同的东西，并且一些内置函数会给出相同的结果。

但在那之后，情况就完全不同了。 & 行为不同； Sass 使用显式的 @mixin 混合，而在 LESS 中，所有类定义都是混合；内置功能不同； Sass 有 if、for、each 和 while 指令，而 LESS 依赖于 when 警卫和可回忆自己的混入；等等

---

供您参考

• 这里有 LESS 文档http://lesscss.org/features/#features-overview-feature
• Sass 文档导航有点棘手，但关键页面是 http://www.sass-lang.com/documentation/file.SASS_REFERENCE.html 和 http://sass-lang.com/documentation/Sass/Script/Functions.html