css - 找到通过级联覆盖另一个规则的规则？

Question

在 Chrome 中，通过开发者工具，我们可以看到被其他 CSS 规则覆盖的规则。是否可以通过开发人员工具找到正在覆盖的规则？

标签： cssgoogle-chromegoogle-chrome-devtools

Answer 1

如果您有在页面右侧打开的开发工具，则样式选项卡应该有左侧和右侧。在该选项卡的右侧，您可以向下滚动，直到在过滤器下找到您希望看到的属性（它是按字母顺序排列的）。如果您展开该属性，您可以看到适用于它的所有规则，包括它正在使用的规则以及所有其他已被取代的规则。