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

时间:2014-04-08 12:15:19

标签: css less

这就是我已经拥有的:

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

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

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

所以我可以致电:

.coloring(@color, !important);

但我收到错误消息" ParseError:无法识别的输入"


有没有办法告诉这个mixin optoinally使用"!important"对于CSS语句?

1 个答案:

答案 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属性。)