Less 在较小的范围内使用类似边框宽度的参数
我仍在探索这项技术的实用性。 如果有人能回答我,我有个问题。我正在尝试创建一个函数,如:Less 在较小的范围内使用类似边框宽度的参数,less,multiparameter,Less,Multiparameter,我仍在探索这项技术的实用性。 如果有人能回答我,我有个问题。我正在尝试创建一个函数,如: .advancedBorder( @color, @size ) { border: @size solid @color; } div { .advancedBorder( #FFF, 1px 0px 1px 0px); } 因此,我尝试了很多方法使之成为可能,但没有任何成功 真正的原因是创建一个可以添加到任何框中的函数,并为其设置我喜欢的任何边框大小和颜色,代码行数最少。 有人能告
.advancedBorder( @color, @size )
{
border: @size solid @color;
}
div
{
.advancedBorder( #FFF, 1px 0px 1px 0px);
}
因此,我尝试了很多方法使之成为可能,但没有任何成功
真正的原因是创建一个可以添加到任何框中的函数,并为其设置我喜欢的任何边框大小和颜色,代码行数最少。
有人能告诉我怎么做吗
谢谢 生成的语法在CSS中无效。您正在传递以下信息:
@color=#FFF
@size=1px 0px 1px 0px
在您的mixin中将生成以下内容:
边框:1px 0px 1px 0px实心#FFF代码>
作为CSS。这不是CSS中边框的有效缩写。你需要像这样的东西:
.advancedBorder( @color, @size ){
border-width: @size;
border-color: @color;
border-style: solid;
}
是的,你是对的,它是无效的,现在我也意识到它是多么简单。非常感谢。