【问题标题】:What is the method in Firebug to find out the CSS files causing class name clashes?Firebug 中找出导致类名冲突的 CSS 文件的方法是什么?
【发布时间】:2015-06-08 19:46:50
【问题描述】:

在网页上导入的大量 CSS 文件中声明了相同的类,这使得手动定位冲突非常困难。同一个类名可能在两个不同的 CSS 文件中声明不同,导致一个样式表中的类定义取代另一个样式表中的类定义。

Firebug 的哪些功能可以让您找出冲突的类名和声明它们的 CSS 文件?

【问题讨论】:

    标签: css firebug


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-09-17
      • 2011-03-05
      • 2017-01-28
      • 1970-01-01
      • 2019-12-22
      • 2013-08-12
      • 2016-10-19
      相关资源
      最近更新 更多