我已经多次遇到这个问题，我想找到一个更聪明的方法。场景是我对 Web 应用程序进行了更改，页面上的元素最终看起来与以前不同，我不知道为什么。有时是因为我重构了标记和 css，有时是因为我在页面上添加了新的 css 包含，或其他原因。
有时 css 看起来几乎相同，因此我必须在浏览器开发工具中仔细寻找已应用的 css 规则。如果我无法在 Chrome 开发工具的“属性”部分找到原因，我会查看“计算样式”部分。有时我仍然无法发现差异，因此我将损坏版本和工作版本的“计算样式”部分粘贴到文本文件中，保存到磁盘，然后对两者进行比较。它最终变得令人沮丧，例如损坏版本中的元素从祖先元素继承了不同的行高。
有没有更简单的方法来做到这一点？