Css 在运行时使继承的文本颜色变暗？

假设我有一个继承了文本颜色的元素：

element { color: inherited}

我还想在

悬停

时将其变暗：

element:hover { color:darker(10%) }

---

是否有一个纯粹的css（无javascript）技巧/技巧，具有相当好的浏览器支持？

您可以使用过滤器接近您想要实现的目标

请参阅附带的演示

.p{
颜色：蓝色；
字号：2em；
文本转换：大写；
字体大小：粗体；
字体系列：arial，无衬线；
}
c:悬停{
过滤器：亮度（0.2）
}

您好