!important在Less中是编译期指令，仅作用于当前mixin调用末尾，使该mixin生成的所有CSS声明均带!important，不提升选择器特异性，仅适用于紧急修复、覆盖第三方内联样式或可访问性需求。
Less里!important只能写在mixin调用末尾
它不是CSS属性修饰符，而是编译期指令，只对当前这行mixin调用生效。写错位置就完全失效。
-
.btn() !important✅ 正确：括号后加空格再写!important -
.btn !important✅ 正确：无参mixin可省略括号 -
.btn(!important)❌ 错误：编译器当成字符串参数，不生成!important -
.btn()!important⚠️ 可工作但易读错，编辑器高亮可能异常
它会让mixin里所有生成的CSS声明都带!important
不是挑某几条属性加，而是“全量注入”。哪怕mixin里有嵌套、循环或引用其他mixin，只要最终输出CSS规则，那条规则就带!important。
-
.shadow()定义含box-shadow和filter→.shadow() !important会同时让两者带!important -
.outer() { .inner(); }，你在.outer() !important不会影响.inner()生成的样式 - 如果
.inner()本身也调用了.reset() !important，那它的声明才带!important，不自动继承
别指望它解决特异性问题
!important提升的是单条声明权重，不是选择器特异性。真被压住，大概率是选择器太弱，而不是缺!important。
-
.btn !important仍被#app .modal button:hover !important覆盖——后者特异性更高 - 调试时临时加没问题，但上线前必须清理：它会让后续修改必须用同等或更高特异性+
!important，极易引发连锁覆盖 - 更稳的替代方案：
@at-root跳出嵌套写扁平类、用BEM命名降权、把定制样式文件放在第三方库之后导入
什么时候真该用？
仅限三类场景：紧急线上修复（!important加完立刻发版）、覆盖不可控的第三方内联样式（如某些富文本编辑器插入的style）、或用户可访问性需求（配合user stylesheet）。其余情况，优先重构选择器结构。
最容易被忽略的是：Less编译后的!important和手写CSS里的行为完全一致，它不创造新规则，只参与已有层叠流程——你写的每一条，都会被浏览器按W3C规范重新排队计算权重。
