嗯，这很简单。如果 Chrome 的开发者工具显示样式被覆盖，如何查看覆盖它的 CSS 规则？
我想知道是否有类似"Show me what overrides this" 之类的东西。
OBS： 请不要将我指向 Firebug。
问问题
64994 次
3 回答
297
使用元素检查器的Computed Style面板。展开感兴趣的财产以查看适用规则的列表，以及哪一项获胜。
于 2012-12-13T20:03:16.460 回答
8
您可以简单地查看未删除的具有相同名称的那些，记住列表是按重要性排列的。
或者您可以查看计算的样式。它们将是实际应用的样式。
于 2012-12-13T19:41:43.413 回答
2
crtrl + shift + c 并检查元素。然后在右下角的框中找到没有线条的样式。
在大多数情况下，覆盖位于顶部（并且没有一条线穿过它，因为这种风格是“获胜”的风格）。
于 2012-12-13T19:41:59.880 回答