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

Question

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

Answer 1

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