因为 currentcolor 是 css 的通用关键字，它始终解析为当前元素计算后的 color 值。边框属性（如 border-color）默认继承父元素的文本颜色，但一旦显式指定为 currentcolor，它就固定绑定到该元素自身的 color 上，不再随父级变化而联动。
为什么 border-color 不自动跟随父级文本色？
因为 border-color 的默认值是 currentcolor，这表示它会继承父元素的 color。但如果父元素没有设置 color，或者子元素显式设置了 color，那么 border-color 就会基于子元素自己的 color 进行计算。当你显式使用 currentColor 时，你是在告诉浏览器：“请使用我当前的 color 值”，而不是“请继承父级的”。因此，如果子元素有自己的 color，边框就会跟随子元素，而不是父元素。
div { color: red; border: 1px solid currentColor; } /* 边框红色 */ span { color: blue; } /* 子元素覆盖 color */ /* span 的边框也是蓝色，因为 currentColor 指向 span 的 blue */如何强制边框跟随父级文本色？
要让边框跟随父级文本色，最简单的方法是移除子元素上的 color 声明，让 color 自然继承。或者，在子元素上使用 color: inherit; 显式继承父级的 color。这样，currentColor 解析出的值就是父级的颜色。
立即学习“前端免费学习笔记（深入）”；
div { color: red; } span { color: inherit; border: 1px solid currentColor; } /* 边框红色，因为 color 继承了 div 的 red */当父级未设置 color 时，边框颜色由谁决定？
当父级未设置 color 时，color 会继承自更上层的祖先元素，直到根元素 。通常 的默认 color 是黑色。因此，如果整个链路上都没有设置 color，currentColor 最终会解析为黑色，边框也会是黑色。
