如何知道谁在Chrome开发者工具中覆盖规则？

Question

我在Chrome中观察了删除规则：

如何知道罢工的原因？

Answer 1

您可以使用面板Computed。例如，你可以将财产悬停在font-family财产上。在属性名称的末尾有一个箭头。您可以单击此箭头跳转到面板Styles上的规则。跳到的规则是覆盖所有其他描述规则的规则。

  

注意：覆盖的属性比具有默认值的属性更暗。因此，在此示例中，font-family和font-size会被覆盖。

您想只查看覆盖的属性吗？
您可以取消选中属性列表右上角的Show all复选框，以便只有覆盖的属性显示在面板Computed中。