fill="currentColor"对部分没反应，根本原因是这些路径被更高优先级的内联fill或stroke属性锁死；需逐个清理所有图形元素的内联样式，并确保自身成功继承了color值。
为什么fill="currentColor"对部分<path></path>没反应
根本不是语法失效，而是那些路径被更高优先级的内联样式锁死了。浏览器不会报错，只是静默跳过currentColor——你得逐个检查 DOM 中每个图形元素是否还挂着fill或stroke属性。
-
<path fill="#333"></path>、<circle stroke="red"></circle>这类硬编码值，层叠优先级高于 CSS 中的fill: currentColor，直接覆盖 -
<svg fill="black"></svg>写在根标签上也一样：它不是“没生效”，是它赢了 - 用 DevTools 的 Elements 面板展开所有子节点，确认
<path></path>、<rect></rect>、<polygon></polygon>等标签上已彻底没有fill、stroke、style属性
currentColor只继承<svg></svg>自身的color，不是父容器的
currentColor取的是当前元素（即<svg></svg>）计算出的color值，不是从外层<button></button>或<div>“透传”过来的。哪怕父级写了<code>color: blue，如果<svg></svg>自己没继承到，它就回退为黑色。
- 检查 DevTools 的 Computed 面板里
<svg></svg>节点的color值：要是显示rgb(0, 0, 0)或inherit，说明继承链断了 -
<button></button>、<input>等表单控件默认color由 UA 样式控制（Chrome 是buttontext），结果不可预测，必须显式写color: inherit或具体色值 - 中间任意一级用了
color: unset或color: initial，都会截断继承
用<use></use>引用<symbol></symbol>时，currentColor不自动穿透
<use href="#icon"></use>渲染出的内容不在当前样式作用域内，CSS 选择器无法直接命中内部路径，fill: currentColor自然不生效。
- 必须在外层
<svg></svg>上设class，比如<svg class="icon"><use href="#home"></use></svg> - CSS 写
.icon { fill: currentColor; }，而不是.icon svg { fill: currentColor; }（太深，选不到） -
<symbol></symbol>定义里的路径也得清空fill，或显式写fill="currentColor"，否则引用后还是原始色
哪些加载方式让currentColor彻底无效
只要 SVG 不在主文档 DOM 树里，currentColor就失去上下文，连解析机会都没有。
立即学习“前端免费学习笔记（深入）”；
-
<img src="icon.svg" alt="为什么在CSS里对SVG应用currentColor不能改变部分路径的颜色？" >：SVG 是独立文档，currentColor被忽略，一律回退为黑色 -
background-image: url(icon.svg)：同理，CSS 上下文隔离，currentColor无意义 -
content: url(icon.svg)（伪元素）：同样失效，没绕过方案，只能换内联 - 唯一可靠路径只有两种：
<svg><path></path></svg>内联，或<use></use>引用页面内已定义的、清理干净的<symbol></symbol>
<path></path>的fill，却忘了<svg></svg>根标签上还写着fill="none"——它也在竞争，而且赢了。
