如何检测CSS值何时发生变化？

Question

想象一下，嵌入在文本中的图标应该被视为其中的一部分并且表现得像一个字母。要实现这一点，它应该与周围的文本颜色相同。在JQuery中找到正确的颜色很容易。

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

Answer 1

我可能会弄错，但我确信除了CSS样式的“更改事件”之外没有其他东西。在一些现代浏览器中有一个DOMSubtreeModified事件，但我认为这甚至不会仅通过更改这样的属性来触发。

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