@mixin里面能不能插值

不是說混合宏里面不能用插值嗎？

多多0518

2016-10-11

源自：Sass入門篇 4-20

關注問題我要回答

940

操作

收起

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); }