檢查CSS更改的效果

Question

我需要重構一些CSS，並希望看看是否有工具告訴我對給定CSS規則的更改有什麼影響。即如果我更改CSS規則，我想要突出顯示所有受影響的元素。

這樣的事情存在嗎？

由於CSS規則可能很複雜（即影響子元素和不是什麼），所以簡單的文本搜索並不會爲我們的複雜網站削減它。我也看到了this question，這是從2011年起，並沒有得到任何有用的答案。

Answer 1

如果您將鼠標懸停在Chrome開發工具中的CSS選擇器上，它會突出顯示當前頁面中的所有匹配元素。

如果你想檢查所有可能的匹配你的網站/代碼庫中的任何地方，這是不可能的。