无需手动输入即可为 mixin 中的每个属性添加重要内容

当我们将 !important 关键字附加到 mixin 调用时，Less 编译器会自动将 !important 添加到 mixin 中存在的所有属性中。

例如，考虑下面的 mixin：

.set-default-props() {
  margin: 4px;
  padding: 4px;
  border: 1px solid black;
  font-weight: normal;
}

当 !important 连接到 mixin 调用时，如下所示，

#demo {
  .set-default-props() !important;
}

编译的 CSS 看起来如下：

#demo {
  margin: 4px !important;
  padding: 4px !important;
  border: 1px solid black !important;
  font-weight: normal !important;
}

注意： !important 的使用被认为是不好的做法，必须仅作为最后的手段使用。