when() less 怎么用?
一直看不懂when()的用法,谁能帮我解析一下官方api的方法.mixin(@a)when(lightness(@a)>=50%){background-color:bl...
一直看不懂when()的用法 ,谁能帮我解析一下官方api的方法
.mixin (@a) when (lightness(@a) >= 50%) {
background-color: black;
}
.mixin (@a) when (lightness(@a) < 50%) {
background-color: white;
}
.mixin (@a) {
color: @a;
}
关键是when关键字,它引入了一个守卫序列(这里只有一个守卫)。现在,如果我们运行以下代码:
.class1 { .mixin(#ddd) }
.class2 { .mixin(#555) }
这是我们会得到的:
.class1 {
background-color: black;
color: #ddd;
}
.class2 {
background-color: white;
color: #555;
} 展开
.mixin (@a) when (lightness(@a) >= 50%) {
background-color: black;
}
.mixin (@a) when (lightness(@a) < 50%) {
background-color: white;
}
.mixin (@a) {
color: @a;
}
关键是when关键字,它引入了一个守卫序列(这里只有一个守卫)。现在,如果我们运行以下代码:
.class1 { .mixin(#ddd) }
.class2 { .mixin(#555) }
这是我们会得到的:
.class1 {
background-color: black;
color: #ddd;
}
.class2 {
background-color: white;
color: #555;
} 展开
展开全部
1,看下面代码。
2,less的第一次使用
ul{
background:#ff0;
li{
background:#f0f;
a{
background:#0ff;
}
}
}
2,less的第一次使用
ul{
background:#ff0;
li{
background:#f0f;
a{
background:#0ff;
}
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询