Firebug 中找出导致 class 名称冲突的 CSS 个文件的方法是什么?

What is the method in Firebug to find out the CSS files causing class name clashes?

相同的class在网页上导入的大量CSS文件中声明,这使得手动定位冲突非常困难。相同的 class 名称可能在两个不同的 CSS 文件中以不同方式声明,导致一种样式 sheet 中的 class 定义取代其他样式中的 class 定义样式 sheet.

Firebug 的什么功能可以让您找出冲突的 class 名称和声明它们的 CSS 文件?

不同的 CSS 文件包含具有重叠选择器的规则是完全正常的。值的优先级在 CSS Selectors specification 中定义,并由它们所谓的 "specificity".

指定

可以在 Firebug 的 Computed side panel 中看到如何应用不同的 CSS 规则来产生特定的 CSS 计算值。 您只需要在那里展开相关的 属性,您将获得所有选择器和相关值的列表,这些选择器和相关值按其特殊性排序,"won" 位于顶部。在每个条目的右侧,您将找到定义相关 CSS 规则的文件名和行号。