在SASS中,#是什么意思？

Question

我试着搜索谷歌,但没有任何显示.我在这里的一篇较旧帖子中看到了以下代码:

mixin prefix ($prop, $val...)
-webkit-#{$prop}: #{$val}
-moz-#{$prop}: #{$val}
-ms-#{$prop}: #{$val}
#{$prop}: #{$val}

SASS中的#含义是什么？

TKS!

Answer 1

搜索"sass hash"返回此页面为最佳结果:http://jeffvincent.me/using-sass-hashes

方法周围的#{}意味着它将被插值.考虑到&.#{nth($status, 1)},当参数返回"红色"时,这将被就地插入以读取:&.red

在您的情况下,它意味着:

mixin prefix ($prop, $val...)
-webkit-#{$prop}: #{$val}
-moz-#{$prop}: #{$val}
-ms-#{$prop}: #{$val}
#{$prop}: #{$val}

将追加-webkit-,-moz-和-ms-属性名称,这是一个扩展,以节省每次使用不支持无前缀版本的属性时输入vendor-prefix,因此prefix(foo, "bar")变为:

-webkit-foo: "bar";
-moz-foo: "bar";
-ms-foo: "bar";
foo: "bar";

Answer 2

也许这可以帮助你，