@mixin里面能不能插值

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

多多0518

2016-10-11

源自：Sass入门篇 4-20

关注问题我要回答

901

操作

收起

3 回答

非典型材料IT男
2017-02-05

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

0 回复有任何疑惑可以回复我~

收起回答

Mutsuki0818
2016-10-11

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

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

.text{
    @include set-#{$flag};
}

0 回复有任何疑惑可以回复我~

收起回答

Mutsuki0818

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

2016-10-11 回复有任何疑惑可以回复我~

静月
2016-10-11

可以使用的啊，【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); }