我一直在 Chrome Developer Tools 中检查一个网页，并注意到 CSS 规则按字母顺序显示。我注意到，当我尝试通过其所有祖先跟踪应用于元素的规则的继承时。
有什么办法可以改变规则的显示顺序吗？或者也许这可以使用其他工具？
谢谢。
问问题
2939 次
4 回答
5
CSS 规则以级联顺序显示，而不是按字母顺序显示。因此，最顶层的属性会覆盖下面的属性。如果您有相反的用例，请使用 crbug.com（在摘要中提到 DevTools）或使用 webkit.org/new-inspector-bug 链接提交。
于 2010-08-23T12:36:05.027 回答
2
您实际上可以自己编辑“检查器”。它只是 Html/Js
Check out
C:\Users\--your username --\AppData\Local\Google\Chrome\Application\-- latest version --\Resources\Inspector
因为您使用的是工具，所以我假设您知道自己在做什么来编辑它们:)
于 2010-08-21T04:03:22.797 回答
2
我建议你Firebug Lite。它不支持众所周知的 firebug for firefox 的所有功能，但仍然是 chrome 的绝佳工具。
于 2010-08-21T08:01:05.007 回答
1
如果您不是特别喜欢 Chrome，请查看Firefox 扩展程序Firebug 。它在样式列表的顶部显示了最具体的选择器，下面列出了来自父元素的级联样式，按与您正在检查的元素的接近程度。
于 2010-08-21T03:17:11.503 回答