确定css样式优先

我想知道是否有人知道一个工具，当给定了一些css文件/ css规则和选择器--classname，id，元素等时，返回所有适用于它们的优先顺序的样式。确定css样式优先

我不是，这是通过JavaScript可行 - 我可以得到当时适用于元素的CSS规则，但我可以得到那些已被覆盖？

2010-01-20 user254694

除非你正在寻找的东西，你可以自动化， Firebug实际上应该能够为你解决这个问题。打开上下文菜单（右键单击），选择“检查元素”，出现Firebug窗格。在右手边，你有相关的元素的所有CSS规则 - 那些覆盖标有划掉文字：

2010-01-20 08:36:18

我宁愿自动化，但显然Firebug显示它可能以某种方式...谢谢，我在这里运行Firebug，但我没有意识到它显示了删除的样式。你知道是否显示订单优先？ – user254694 2010-01-20 10:35:23

“Firebug向您展示了将每个元素级联在一起的规则，规则按照优先顺序进行排序，并且已被覆盖的属性将被删除。”来自http://getfirebug.com/css.html – 2010-01-20 12:40:13

在Firebug您可以看到任何元素的所有合格样式。它可以让你追踪优先顺序，但需要你使用Firefox。

（Firebug的页面上的演示图像真实地反映了这种行为。请注意font-size为h1选择已被更加具体.siteTitle类选择覆盖。）

2010-01-20 08:35:39 jensgram

试用IEXPLORER或Firefox任何开发者工具栏。他们中的大多数人将能够精确地展示将应用于元素的风格。我重新思考，例如Firebug（Mozilla Firefox的插件）可以显示将应用什么样式，以及它们被其他样式覆盖的位置。祝你好运 ;）。编辑：IE开发工具栏也有这个功能。

2010-01-20 08:36:19 Younes

回答