無需手動輸入即可為 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 的使用被認為是不好的做法，必須僅作為最後的手段使用。