Chrome 开发者工具中 CSS 规则的显示顺序

Question

我一直在检查 Chrome 开发人员工具中的网页，并注意到 CSS 规则按字母顺序显示。我注意到，当我试图通过其所有祖先跟踪应用于元素的规则的继承时。

有什么办法可以改变规则的显示顺序吗？或者也许这可以使用其他工具？

谢谢。

Answer 1

CSS 规则按级联顺序显示，而不是按字母顺序显示。因此，最上面的属性会覆盖下面的属性。如果您有相反的用例，请使用 crbug.com（在摘要中提及 DevTools）或使用 webkit.org/new-inspector-bug 链接提交。