@mixin里面能不能插值

来源:4-20 [Sass]字符串

多多0518

2016-10-11 14:01

不是说混合宏里面不能用插值吗?

写回答 关注

3回答

  • 非典型材料IT男
    2017-02-05 11:36:22

    在@mixin中可以使用,正在@include中不可以使用。

  • Mutsuki0818
    2016-10-11 15:21:38

    混合宏的调用中不能使用插值。

    @mixin set-value{
        font-size:12px;
    }
    $flag:"value";
    
    .text{
        @include set-#{$flag};
    }


    Mutsuk...

    这样子就是错的,而且插值我感觉只可以用于属性的位置,值的位置不可以使用(例如:margin-top:3px;)还不是很明白,不知道讲的对不对。。

    2016-10-11 15:24:39

    共 1 条回复 >

  • 静月
    2016-10-11 15:05:12

    可以使用的啊,【4-17插值】章节的案例就是在@mixin中插值的

    $properties: (margin, padding); 

    @mixin set-value($side, $value) {   

         @each $prop in $properties {      

          #{$prop}-#{$side}: $value;    }

     }

     .login-box {    @include set-value(top, 14px); }


Sass入门篇

Sass入门视频教程,学会Sass使你摆脱重复编写代码的工作

104420 学习 · 263 问题

查看课程

相似问题