Chrome开发工具:如何找出什么是覆盖CSS规则?

这很简单。如果Chrome的开发工具显示我的一个风格被覆盖，如何看到什么CSS规则是覆盖它?

我想知道是否有类似"告诉我什么覆盖了这个"的东西。

奥林匹克广播服务公司: 求你了，别指给我Firebug。

66921 次浏览

小开

你可以只看那些没有被划掉的同名的，记住这个列表是按重要性排列的。

或者您可以查看计算的样式。它们将是实际应用的样式。

小开

CRTRL + shift + c，检查元素。然后在右下角的方框中找到没有线条的样式。

覆盖在大多数情况下是在顶部(并且没有一行穿过它，因为这种风格是“获胜”的一个)。

小开

最佳答案

使用元素检查器的计算方式面板。展开感兴趣的属性，以查看适用规则的列表以及获胜的规则。

Chrome截图