【问题标题】:What does # mean in SASS? [duplicate]# 在 SASS 中是什么意思? [复制]
【发布时间】:2015-10-26 14:22:28
【问题描述】:

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

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

SASS 中的 # 是什么意思?

谢谢!

【问题讨论】:

    标签: html css sass


    【解决方案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-,这是一个扩展,可以在您每次使用无前缀版本不支持的属性时节省输入供应商前缀,所以prefix(foo, "bar") 变为:

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

    【讨论】:

      【解决方案2】:

      也许这对你有帮助,

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2020-10-27
        • 2015-07-15
        • 2018-07-17
        • 2012-08-13
        • 1970-01-01
        • 2011-04-16
        • 1970-01-01
        • 2013-06-19
        相关资源
        最近更新 更多