确定CSS样式优先级

除非你在寻找可以自动化的东西, Firebug 应该能帮你解决这个问题。以一定的速度打开一个元素的上下文菜单(右键单击),选择“检查元素”,然后出现Firebug窗格。在右手边,您得到了与元素相关的所有CSS规则-那些被重写的都用strike-through文本标记:

http://getfirebug.com/html1.gif

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

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

尝试IExplorer或Firefox的任何开发人员工具栏。它们中的大多数将能够精确地显示将应用于元素的样式。我再次确认,例如firebug(用于mozilla firefox的addin)可以显示将应用的样式,以及它们被其他样式覆盖的位置。祝你好运! 编辑:IE开发者工具栏也有这个功能。