Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用较少的变量作为CSS属性_Css_Variables_Less_Mixins - Fatal编程技术网

使用较少的变量作为CSS属性

使用较少的变量作为CSS属性,css,variables,less,mixins,Css,Variables,Less,Mixins,我有一个将px转换为em的mixin: .margin(@target: @targetsize, @basefont: @em){ margin:(@target / @basefont) + 0em;} 我想更改mixin,以便用变量替换CSS margin属性。例如: .pxtoem(@target: @targetsize, @basefont: @em, @property: @property){ @property:(@target / @basefont) + 0em;

我有一个将px转换为em的mixin:

.margin(@target: @targetsize, @basefont: @em){
    margin:(@target / @basefont) + 0em;}
我想更改mixin,以便用变量替换CSS margin属性。例如:

.pxtoem(@target: @targetsize, @basefont: @em, @property: @property){
@property:(@target / @basefont) + 0em;
.pxtoem(2,1,margin-bottom);
}

所以我可以称之为,例如:

.pxtoem(@target: @targetsize, @basefont: @em, @property: @property){
@property:(@target / @basefont) + 0em;
.pxtoem(2,1,margin-bottom);
这可能吗?如果可能,如何实现

谢谢:)

来自less文档:

参数混合也可以具有其参数的默认值:

.border-radius (@radius: 5px) {
  border-radius: @radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

当时没有,但有一个。

在搜索相关内容时发现了这一点,并注意到它没有被更新

从小于1.6.0开始


那不是我想要的。在您的示例中,您使用@radius变量作为值来馈送到CSS属性。我希望替换属性(在您的示例中是border radius、-moz border radius或-webkit border radius),而不是值(在您的示例中是5px).Dang。哦,好吧。谢谢你的链接。