在SASS中,#是什么意思?

时间:2015-10-26 06:02:33

标签: html css sass

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

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

SASS中的#含义是什么?

韩国社交协会!

2 个答案:

答案 0 :(得分:7)

搜索“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";

答案 1 :(得分:4)

可能这可以帮到你,

#{}用于字符串插值:
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_