确定css样式优先级

Question

我想知道有没有人知道一个工具，当给出一些css文件/css规则和选择器-类名，id，元素等时，它将返回所有按优先级排序的样式。

我不能，这是可行的通过JavaScript -我可以获得适用于一个元素的css规则，但我可以得到那些已经被覆盖？

Answer 1

在中，您可以看到任何元素的所有限定样式。它允许您跟踪优先顺序，但要求您使用Firefox。

( Firebug页面上的演示图像实际上显示了此行为。注意：h1选择器的font-size已被更具体的.siteTitle类选择器覆盖。)

Answer 2

尝试Iexplorer或Firefox的任何开发人员工具栏。它们中的大多数将能够准确地显示将应用于元素的样式。我认为，例如Firebug ( Mozilla Firefox的插件)可以显示将应用哪些样式，以及它们被其他样式覆盖的位置。祝你好运;)。编辑: IE开发者工具栏也有这个功能。