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

Question

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

Answer 1

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