当使用LESS时,我发现混合类是有用的,以便基于其他类属性创建一个新类,但有时我需要覆盖它们.
喜欢:
.btn {
border-radius: 10px;
background-color: blue;
font-size:10px;
}
.btn_warning {
.btn;
background-color: yellow;
font-size: 12px;
}
Run Code Online (Sandbox Code Playgroud)
输出具有重复的属性:
.btn {
border-radius: 10px;
background-color: blue;
font-size:10px;
}
.btn_warning {
border-radius: 10px;
background-color: blue;
font-size:10px;
background-color: yellow;
font-size: 12px;
}
Run Code Online (Sandbox Code Playgroud)
我知道有多种方法,比如dom上的多个类,甚至是@extend来构建多个选择器,但导航器仍然在运行时覆盖属性.
mixin时有没有理由复制相同的属性?似乎是制作"独立"属性组的简单方法,但如果有重复值则不好.
less ×1