在前端开发中，样式优先级问题是一个不可避免的话题。LESS 是一种 CSS 预处理器，提供了一些语法糖来帮助开发者更好地控制样式。而其中一个很有用的语法糖就是 !important。
!important 的作用
在 CSS 中，当多个样式规则应用于同一个元素时，会根据优先级来确定生效的样式。优先级由选择器的特殊性和来源（样式表内或 HTML 元素内联）决定。而当我们使用 !important 时，就可以强制某个属性值生效，即使它的优先级低于其它样式。
在 LESS 中使用 !important
在 LESS 中，我们可以通过在属性值后面添加 !important 来使用这个语法糖。比如：
------ - ------ --- ----------- -
这样，无论如何，这个 .color 类中的 color 属性值都会被设置为红色。
注意事项
虽然 !important 很有用，但是过度使用它会使样式变得混乱且难以维护。因此，我们应该尽可能避免使用它，而是尽量提高样式规则的特殊性。只有在必要时，才使用 !important。
示例代码
以下是一个使用 !important 的示例代码：
--------- -----
------
------
-------
------ -
------ -----
-
----- -
------ ----- -----------
-
--------
-------
------
-- ------------ ------------ ----------
-------
-------在这个示例中，我们有一个 .color 类和一个 .text 类，它们都定义了 color 属性。但是在 .text 类中，我们使用了 !important 强制设置了 color 属性值为绿色。因此，这个段落元素最终的颜色为绿色。
总结
在 LESS 中使用 !important 可以帮助我们更好地控制样式优先级，但是也需要注意不要过度使用。在写样式时，应该尽量提高规则的特殊性，避免出现样式冲突的情况。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664874f0d3423812e4715a09