less用法

@btn:a;
@(btn){color:@color}
@info:warn;//classname
.@{info}{}
@images:"./…"
background:url("@{images}image.jpg")//@{images}i文件路径
@smallBtn:{width:10px;}
.small-sucess-btn{ @smallBtn();}
@height:30px;width:@height:*15;

.cardyell{.card;}
.card(@bgColor){background-color:@bgColor;}
.card(@bgColor:rgba(0,12,212),@width:30px){}

div class=“wrap”
#card(){color:#ccc; .d(@w:300px){width:@w; #a(@h:300px){height:@h}}}
.wrap{. #crad > .d >#a(400px)}
.border(@widh,@color,@style) when(@width>100px) and (@color=#999){border:@style @color @width}
width:(100+100px)

标签：less,color,bgColor,height,width,images,用法,card
来源： https://blog.csdn.net/weixin_42659644/article/details/122447015