伪元素可以从父元素继承颜色吗？

Question

某些Javascript代码会更改我创建伪元素的某个元素的颜色。我希望后者获得其父元素获得的任何颜色（来自JS）。应用于伪元素的color: inherit不起作用。

为什么不以及如何实现这一目标？

Answer 1

实际上color: inherit工作正常。

setTimeout(function(){ 
        document.getElementById('d').style.color = 'green';
}, 1000);

#d {
    color: red;
}
#d::before {
    color: inherit;
    content: "before";
}

<div id="d">text</div>