伪元素默认不继承color，其currentcolor初始为黑色；需显式设置color: inherit才能使border-color等属性响应宿主文字色，而background-color、fill在伪元素中存在兼容性或无效问题。
伪元素默认不继承 color，currentColor 拿不到有效值
伪元素（如 ::before、::after）本身没有文本内容，也不参与标准的 color 继承链。它的 color 初始值是 initial（即 rgb(0, 0, 0)），不是从宿主元素“自动继承”来的——哪怕宿主写了 color: red，伪元素也不会自动拿到。
所以当你写 ::before { background-color: currentColor; }，它实际读到的是黑色，不是宿主的文字色。
- 必须显式声明
color: inherit或color: var(--text)让伪元素先获得一个可计算的color值 -
currentColor只读取“本元素”的color计算值，不是父元素的；伪元素的“本元素”就是它自己，初始无 color - 别写
color: currentColor—— 伪元素没文字，这句毫无意义，还可能干扰调试
fill 或 background-color 用 currentColor 却不变色？检查作用对象是否支持
currentColor 只在明确支持颜色值的 CSS 属性中生效。伪元素里常见失效场景：
-
background-color: currentColor：现代浏览器基本支持，但 IE11 及更早版本完全不认，会直接丢弃整条声明 -
fill: currentColor：伪元素不渲染 SVG，这条无效；只有内联 SVG 中的<path></path>等元素才支持fill -
border-color: currentColor：这个最稳，所有主流浏览器都支持，且无需额外继承设置（只要伪元素自身有color计算值）
例如：::before { color: inherit; border: 1px solid currentColor; } 是可靠写法；而 content: url(icon.svg) + fill: currentColor 一定失败——外部 SVG 资源无法被 CSS 样式穿透。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
用了 inherit 还是黑的？看 computed color 是不是 initial 或 transparent
DevTools 的 Computed 面板才是真相来源。即使你写了 color: inherit，如果宿主元素的 color 本身是 transparent、unset 或压根没声明，伪元素的 computed color 就是 initial，currentColor 自然也是黑的。
- 检查宿主元素 Styles 面板里是否有
color行；再切到 Computed 面板确认其值不是initial或rgba(0, 0, 0, 0) -
button、input等表单控件有 UA 样式，常覆盖你的color设置，需加color: inherit !important或重置color: currentColor（注意：这里写currentColor是合法的，因为它是宿主自己的属性） - 禁用态（
:disabled）下颜色不变，大概率是:disabled选择器没改宿主的color，而非伪元素问题
想让图标随文字变色？别用伪元素塞 SVG
伪元素 + content: url() 或 background-image: url(data:image/svg+xml,...) 都无法响应 currentColor。SVG 内联后才能用 fill="currentColor"，但伪元素做不到这点。
- 真实可行路径：把 SVG 写成内联 HTML 元素（
<svg><path fill="currentColor"></path></svg>），再用类控制宿主color - 若必须用伪元素，只适合纯装饰性颜色（比如圆点、分隔线），用
border或background-color+color: inherit即可 - 动画过渡也别指望
currentColor：它不响应transition，hover 改color后，伪元素的边框会“跳变”，不是渐变
最易被忽略的点：伪元素的 color 不是“自动同步”的，它是一次性计算值；改了宿主的 color，伪元素不会重读，除非触发样式重排（比如改 class、resize 窗口）。需要平滑过渡，得换用 CSS 自定义属性 + var(--c)。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
