在Sass中，符号“=”代表什么？

Question

例如，以下是来自sass的代码。在这里，=符号只是@mixin的一种简写方式吗？我无法在谷歌上找到任何相关信息。

=multi-line-button($base-color)
  +background-clip('padding-box')
  border-width: 1px
  +border-radius(6px)
  border-style: solid
  color: white
  display: block
  margin: 0.2em auto
  padding: 12px 15px
  text-align: center
  text-decoration: none

- Fendo

Answer 1

是的，这是在Sass中定义mixins的方法

不确定这篇文章是否有所帮助

编辑：

以下内容相同

@mixin red-text
  color: #ff0000

=red-text
  color: #ff0000

只需在您的选择器中添加+red-text即可。

- stephenmurdoch

---

有什么想法为什么官方文档没有这个信息？它是否已被弃用或其他原因？ - Fendo

不太确定为什么这不在文档中。但同时使用这两种技术完全没有问题。文档确实指出使用 @mixin 是“正确的方法”，但我自己一直使用 "=" 技术 - SASS 经常发生变化，所以这可能是一种向后兼容的功能..... - stephenmurdoch

为了更好的人类可读性，@mixin 和 @include 更加清晰。使用 = 和 + 让我想起了阅读晦涩的 makefile 语法 :D - jgillman

Answer 2

"

“@mixin foobar”是新的SCSS语法（更类似于CSS），而“=foobar”是旧的SASS语法（更类似于HAML）。我对SASS还比较陌生，但我从SCSS开始，两者都被支持（可能不在同一个样式表中），并且两者都将继续得到支持。

"

- Rocketpilot