这就是我已经拥有的:
.coloring(@color){
color:@color;
}
但这是我真正想做的事情:
.coloring(@color, @important:''){
color:@color @important;
//etc
}
所以我可以致电:
.coloring(@color, !important);
但我收到错误消息" ParseError:无法识别的输入"
有没有办法告诉这个mixin optoinally使用"!important"对于CSS语句?
答案 0 :(得分:15)
见The !important keyword。例如。可以只使用.coloring(red) !important;
w / o mixin更改。
或者对修改后的mixin使用转义,因为mixin参数值中不允许使用!
符号(即.coloring(red, ~'!important');
)。
另请注意,''
参数的默认值@important
不正确,因为省略此参数的mixin调用将导致无效color: color '';
CSS(使用{{1} }或@important...
如果您需要“空”默认值。)
P.S。另外,请不要错过您可以将颜色和@important: ~''
值作为单个参数提供,即!important
也是调用原始单参数mixin的正确方法(如果只需要.coloring(red ~'!important');
} color
修饰符与!important
语法相反的.coloring(red) !important;
修饰符,其中!important
适用于mixin中的所有CSS属性。)