小编use*_*677的帖子

少混合重复属性

当使用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

3
推荐指数
1
解决办法
2005
查看次数

标签 统计

less ×1