css - 伪元素可以继承父元素的颜色吗？

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>