ie条件注释仅在ie5–ie9有效，ie10+及现代浏览器完全忽略；有效写法为
IE条件注释语法怎么写才有效
IE条件注释在 IE5–IE9 里能用，IE10+ 和所有现代浏览器完全忽略——不是失效，是压根不解析。所以别指望它在 Edge 或 Chrome 里起作用。
有效写法只有两种：<!--[if IE]>（匹配所有 IE）和 <!--[if gte IE 8]>（gte = greater than or equal）。注意：必须是 HTML 注释格式，不能加空格或换行破坏结构，比如 <!-- [if IE]>（开头多空格）就无效。
<!--[if !IE]>是合法的，匹配“非 IE”，但仅限 IE5.5–IE9；IE10+ 因为不再支持条件注释，反而会把它当普通注释跳过，导致预期外的“显示”- 条件注释只支持在 HTML 文件中直接书写，
<style>标签内、外部 CSS 文件里写/*[if IE] ... */是无效的 - 服务器端输出时如果用了 HTML 压缩工具（比如 html-minifier），可能自动删掉条件注释——得关掉“删除注释”选项
如何用条件注释加载 IE 专属 CSS
最稳妥的做法是用条件注释包裹 <link> 标签，让其他浏览器完全看不到这行代码，避免无谓的 HTTP 请求或解析开销。
<!--[if IE]> <link rel="stylesheet" href="ie.css"> <![endif]-->
注意：<![endif]--> 的闭合写法不能漏掉 !]，写成 是对的，写成 （少叹号）或 <!--<![endif]-->（多一层注释）都会失效。
立即学习“前端免费学习笔记（深入）”；
- 不要用条件注释包
<style></style>块，尤其当里面含 CSS hack（如*width）时，容易和条件逻辑混淆，维护困难 - 如果项目已用构建工具（Webpack/Vite），别把 ie.css 当普通资源引用——它不该进现代浏览器的打包产物，应单独部署并确保路径可访问
- IE8 不支持媒体查询，所以
<link media="screen and (min-width:768px)">在条件注释里也无效，得靠 JS 补充判断
为什么 document.documentMode 比条件注释更可靠
条件注释在页面渲染前就生效，但有时你需要运行时判断，比如动态加载 polyfill 或修改 DOM 行为。document.documentMode 是 IE 专有属性，返回当前文档的渲染模式（5/7/8/9/10），比 UA 字符串或条件注释更精准。
例如：if (document.documentMode && document.documentMode 能准确捕获 IE8 及以下，而 <code>
