Less 减少是否可以防止重复样式？

如果我用更少的时间定义以下嵌套样式：

.nav-bar {
    .navbar-brand {
        background: #000;
    }
}

.nav-bar {
    .navbar-brand {
        background: #fff;
    }
}

其结果是：

.nav-bar .navbar-brand {
  background: #000;
}
.nav-bar .navbar-brand {
  background: #fff;
}

我希望这些可能被检测为重复。因此，结果只会是：

.nav-bar .navbar-brand {
  background: #fff;
}

。。因为第一个样式将被覆盖。我知道web浏览器会这样对待它，第二个样式属性将覆盖第一个样式属性。不过我更关心的是文件大小。我希望我可以下载较少的引导，然后在一个自定义较少的文件中，覆盖特定项目的样式。编译器是否提供此功能？

您应该在启用

高级

选项的情况下使用

运行

npm install less plugin clean css

，然后可以使用

lessc file.less--clean css=“advanced”

使用上述命令：

.nav-bar {
    .navbar-brand {
        background: #000;
    }
}

.nav-bar {
    .navbar-brand {
        background: #fff;
    }
}

汇编成：

.nav-bar .navbar-brand{background:#fff}

---

另请参见：

写得很好/格式很好的问题。没有理由否决这个。。。