Less中9等IE Hack必须用~"9"转义，否则编译报错；属性前缀+、、_需用@{hack}注入；是唯一可裸写的Hack字符；条件注释须在HTML层实现。
Less中直接写9会报错，必须用~转义
Less编译器把9当作非法转义序列处理，不加保护就写background: red9;会直接中断编译。核心解法是用~前缀+引号包裹，告诉Less“别解析，原样输出”。
-
@hack: ~"9";是最常用写法，定义后可在任意属性值末尾拼接：width: 100px@hack; - 注意引号必须存在，
~"9"合法，~9非法 - 多个hack连用（如
9）也得整体包裹：@hack: ~"9\0";（第二个反斜杠用于转义第一个） - IE8专用的
~" "路径
用@{hack}变量注入属性名前缀（比如+display）
+、*、_这些符号在Less里有语法含义（加法、乘法、变量引用），直接写+display: inline;会被当成运算或语法错误。必须把前缀抽成字符串变量，再用@{...}插槽注入。
- 写法：
@hack: ~"+"; .box { @{hack}display: inline; }→ 编译为.box { +display: inline; } -
@hack: ~"*";和@hack: ~"_";同理，分别对应IE7和IE6的属性前缀 - 不能省略花括号：
@{hack}display合法，@hack display会报错 - 这种写法只适用于属性名前缀，不适用于选择器（如
* html .box需另寻他法）
IE条件注释无法在Less里生效，得靠HTML层配合
Less编译产出纯CSS，而<!--[if IE]>...<![endif]-->是HTML级条件注释，Less压根不处理它。想用条件注释，必须把样式剥离到独立CSS文件，再通过HTML条件注释加载。
- 错误做法：在Less文件里写
//<!--[if IE]> .box { zoom: 1; } <![endif]-->→ 编译后变成注释，无效 - 正确路径：生成
ie-fixes.css，然后在HTML中：<!--[if IE]><link rel="stylesheet" href="ie-fixes.css"><![endif]--> - 如果非要在Less里模拟，只能用
@media或:roothack（如:root .box { background: red9; }），但这类写法兼容范围有限，且9仍需~包裹
*号是唯一可裸写的IE Hack符号
Less对*的特殊宽容，让它成为少数不用~也能存活的Hack字符——仅限于作为属性前缀（如*display），且仅对IE7有效。
立即学习“前端免费学习笔记（深入）”；
- 可直接写：
.box { display: inline-block; *display: inline; *zoom: 1; }→ 编译结果完全一致 - 但
*不能用于其他位置：写* html .box（选择器）会报错，background: *red;（值内）也不行 -
+、_、#等一律不支持裸写，强行使用必然触发Less语法错误 - 现代项目应优先考虑PostCSS autoprefixer或feature queries，而非依赖这类脆弱Hack
真正麻烦的不是怎么写，而是维护时容易漏掉~或引号；一旦某个9没被包裹，整个Less文件编译失败，错误提示还不一定指向那行。
