【发布时间】:2015-06-08 19:46:50
【问题描述】:
在网页上导入的大量 CSS 文件中声明了相同的类,这使得手动定位冲突非常困难。同一个类名可能在两个不同的 CSS 文件中声明不同,导致一个样式表中的类定义取代另一个样式表中的类定义。
Firebug 的哪些功能可以让您找出冲突的类名和声明它们的 CSS 文件?
【问题讨论】:
在网页上导入的大量 CSS 文件中声明了相同的类,这使得手动定位冲突非常困难。同一个类名可能在两个不同的 CSS 文件中声明不同,导致一个样式表中的类定义取代另一个样式表中的类定义。
Firebug 的哪些功能可以让您找出冲突的类名和声明它们的 CSS 文件?
【问题讨论】:
不同的 CSS 文件包含具有重叠选择器的规则是完全正常的。值的优先级在CSS Selectors specification 中定义,并由它们所谓的“特异性”指定。
在 Firebug 的Computed side panel 中可以看到如何应用不同的 CSS 规则来产生特定的计算 CSS 值。 您只需要在此处展开相关属性,您将获得所有选择器和相关值的列表,这些选择器和相关值按其特异性排序,“获胜”位于顶部。在每个条目的右侧,您会找到定义相关 CSS 规则的文件名和行号。
【讨论】: