【问题标题】:Tool to see CSS specificity用于查看 CSS 特异性的工具
【发布时间】:2012-01-27 16:24:53
【问题描述】:

有谁知道是否有某种工具可以根据 CSS 特异性来查看/选择最佳 CSS 选择器以针对特定的 div?

我知道什么具有更高的特异性,但有时在处理其他人的项目时,他们在 CSS 中具有深度嵌套的选择器,很难找到一种方法来覆盖那里的东西。

我知道在 Google chromes dev tool/firebug 中,查看页面源代码时它会在底部显示很多信息,是应该用于此目的还是有其他方法?

【问题讨论】:

  • Opera Dragonfly 显示被覆盖的内容和位置,非常有用
  • DevTools for chrome 和 Firebug for Firebox 都显示了所有适用的 CSS 规则、它们的来源以及已被覆盖的规则。

标签: css css-specificity


【解决方案1】:

如果能在 Chrome 中看到这样的内容,那就太好了:

【讨论】:

    【解决方案2】:

    由于它使用非常广泛,没有人推荐它,fabianhjr 建议我这样做,我将推荐 Firebug 用于 Firefox。它类似于 Chrome 的检查器,允许您查看赋予元素的 CSS 以及任何被覆盖的属性:

    【讨论】:

    • @Bojangels 域 qtax.se 只有一张图像,其中包含已被查封的信息。您能否详细说明您添加链接的原因以及该链接如何属于该主题?
    【解决方案3】:

    【讨论】:

    • 也许给那些使用 Firefox 的人提供一个到 Firebug 的链接?
    • 好吧,我从 3.5 开始就不再使用 Firefox,所以我不确定要寻找什么。不过,请随意添加您的答案。
    • 最后一个链接坏了
    • 这个答案很不具体。
    • 如何“使用 Chrome Inspector”来查看 CSS 特异性?
    猜你喜欢
    • 2018-11-18
    • 1970-01-01
    • 1970-01-01
    • 2013-04-20
    • 1970-01-01
    • 1970-01-01
    • 2014-05-18
    • 1970-01-01
    • 2019-03-04
    相关资源
    最近更新 更多