是否可以通过！important作为LESSCSS mixins的参数/选项？

Question

这就是我已经拥有的：

.coloring(@color){
    color:@color;
}

---

但这是我真正想做的事情：

.coloring(@color, @important:''){
    color:@color @important;
    //etc 
}

所以我可以致电：

.coloring(@color, !important);

但我收到错误消息＆＃34; ParseError：无法识别的输入＆＃34;

---

有没有办法告诉这个mixin optoinally使用＆＃34;！important＆＃34;对于CSS语句？

Answer 1

见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属性。）