HTML条件注释仅在IE5–IE9的HTML文件<head>中有效，用于包裹<link>或<script>标签以加载兼容资源；不能用于CSS文件、<style>内或IE10+，且仅支持“加法”式补漏而非“减法”式分流。
HTML条件注释不能在CSS文件里写，也不能用在现代浏览器中；它只对IE5–IE9生效，且必须写在HTML的<head>里，用来控制是否加载某个CSS或JS文件。
条件注释只能出现在HTML中，不能放进CSS文件
很多人误以为可以在style.css里写<!--[if IE 8]>body{color:red;}<![endif]-->，这是无效的。浏览器会把这整段当普通注释忽略，样式根本不会应用。条件注释是IE解析HTML时的特殊逻辑，CSS解析器完全不认它。
真正能起作用的位置只有两个：<head>内部，且必须包裹<link>或<script>标签。
- ✅ 正确位置：
<head>里、<link rel="stylesheet">外层套一层条件注释 - ❌ 错误位置：CSS文件内、
<style>标签内、<body>里 - ⚠️ 注意：IE10+已彻底移除对条件注释的支持，所以它只适用于明确要兼容IE9及以下的遗留项目
<!--[if lt IE 9]>是最常用也最安全的写法
用<!--[if lt IE 9]>而不是<!--[if IE]>，能避免意外影响IE10+或Edge旧版（某些早期Edge预览版曾短暂识别if IE）。
立即学习“前端免费学习笔记（深入）”；
典型用法是加载老浏览器专用补丁：
<!--[if lt IE 9]> <script src="html5shiv.min.js"></script> <link rel="stylesheet" href="ie8-fixes.css"> <![endif]-->
-
html5shiv必须放在<head>最顶部，早于任何CSS和JS，否则IE8无法识别<header>等新标签 -
ie8-fixes.css应只包含针对IE8渲染bug的修复（比如box-sizing失效、:before/:after不触发），不要放通用样式 - 这个块必须紧挨着其他
<link>，顺序错乱会导致样式覆盖失败
别用<!--[if !IE]>做“非IE样式隔离”
有人想用<!--[if !IE]><link rel="stylesheet" href="modern.css"><![endif]-->来排除IE，这看似合理，但实际有坑：
- Chrome/Firefox/Safari等所有非IE浏览器都直接忽略整个条件注释块，
modern.css根本不会加载 - 结果是：IE9以下加载了旧样式，其他浏览器啥都没加载——页面直接裸奔
- 正确做法是默认加载通用样式，再用条件注释“追加”IE专属资源，而不是“排除”
换句话说：条件注释只适合“加法”，不适合“减法”。你要靠它补漏，不是靠它分流。
现代项目里，条件注释只是临时胶带，不是结构件
如果你正在维护一个还要求支持IE8的系统，条件注释仍是最快落地的方案；但如果你在启动新项目，就别把它当常规手段。
- 构建工具（如Webpack）配合
html-webpack-plugin可以自动注入条件块，比手写更可靠 - 真正该优先考虑的是降级策略：比如用
@supports检测grid，fallback到flex，而不是为IE8单独开一条样式线 - 最容易被忽略的一点：条件注释本身会增加HTML体积，且无法被CDN缓存——每次请求都要多传几百字节，对首屏性能有隐性损耗
