【发布时间】:2015-10-26 14:22:28
【问题描述】:
我尝试在此上搜索谷歌,但没有任何显示。 我在这里的一篇较早的帖子中看到了以下代码:
mixin prefix ($prop, $val...)
-webkit-#{$prop}: #{$val}
-moz-#{$prop}: #{$val}
-ms-#{$prop}: #{$val}
#{$prop}: #{$val}
SASS 中的 # 是什么意思?
谢谢!
【问题讨论】:
我尝试在此上搜索谷歌,但没有任何显示。 我在这里的一篇较早的帖子中看到了以下代码:
mixin prefix ($prop, $val...)
-webkit-#{$prop}: #{$val}
-moz-#{$prop}: #{$val}
-ms-#{$prop}: #{$val}
#{$prop}: #{$val}
SASS 中的 # 是什么意思?
谢谢!
【问题讨论】:
搜索“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-,这是一个扩展,可以在您每次使用无前缀版本不支持的属性时节省输入供应商前缀,所以prefix(foo, "bar") 变为:
-webkit-foo: "bar";
-moz-foo: "bar";
-ms-foo: "bar";
foo: "bar";
【讨论】:
也许这对你有帮助,
#{}用于字符串插值:
http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_
【讨论】: