带颜色的全局悬停样式：inherit | currentColor

Question

当用户可以更改网站的基色时，我正在尝试使用CSS来尝试实现功能。我设法通过设计我的标记和样式来改变基色：

body {
  color: black;
}
body elem {
  color: inherit; /* or currentColor */
}

此解决方案适用于静态元素......但是悬停效果怎么样？ 有没有办法将悬停颜色设置为某种东西，以便它将被嵌套元素递归获取？ 试图只使用CSS。有什么建议？感谢。

here's the simplest example. change the color value for body and the nested elements will use the new value as well.

JavaScript解决方案太容易=）