Javascript 如何检测CSS值何时更改？

想象一下，一个嵌入文本的图标应该被视为它的一部分，其行为就像一个字母。要实现这一点，它应该与周围的文本具有相同的颜色。在JQuery中很容易找到合适的颜色

---

问题是颜色可能会改变。脚本可以更改css值，也可以在：hover伪类中设置不同的值，以此类推。在我遇到的例子中，它是div的：hover值，在上面的几个级别。图标周围的文本颜色发生变化，但如何检测此事件以调整图标本身？

我可能弄错了，但我确信没有比CSS样式的变化事件更重要的事情了。在一些现代浏览器中，有一个DOMSubtreeModified事件，但我认为这甚至不会仅仅通过更改这样的属性来触发

---

因此，确定此处更改的唯一方法是设置一个间隔窗口。设置间隔并每x毫秒检查一次更改。在此处选择一个合适的x。

可能是重复的：不完全是，我知道这个问题。当某个div的属性发生变化时，上述方法起作用，或者至少应该起作用。在我的例子中，有可能是几个层次以上的变化，而不是直接的。颜色仍然在变化，这就是我想要检测的，但是DOMAttrModified事件没有被触发。我担心这不会起作用。例如，尝试将鼠标移动到右侧的链接列上。什么时间间隔适合检测所有下划线更改？1毫秒？如果页面有1000个这样的间隔运行，它将如何工作？