是否有工具可以为我找到我在HTML中实际上不存在的所有CSS类?

即。 如果我的HTML中有<ul class =“ topnav” />,并且在任何引用的CSS文件中都不存在topnav类。

这类似于SO#33242 ,它询问如何查找未使用的CSS样式。 这不是重复的,因为该问题询问未使用哪些CSS类。 这是相反的问题。

===============>>#1 票数:4 已采纳

您可以将此JavaScript放在可以为您执行此任务的页面中:

function forItems(a, f) {
  for (var i = 0; i < a.length; i++) f(a.item(i))
}

function classExists(className) {
  var pattern = new RegExp('\\.' + className + '\\b'), found = false

  try {
    forItems(document.styleSheets, function(ss) {
      // decompose only screen stylesheets
      if (!ss.media.length || /\b(all|screen)\b/.test(ss.media.mediaText))
        forItems(ss.cssRules, function(r) {
          // ignore rules other than style rules
          if (r.type == CSSRule.STYLE_RULE && r.selectorText.match(pattern)) {
            found = true
            throw "found"
          }
        })
    })
  } catch(e) {}


  return found
}

===============>>#2 票数:1

Firefox中的错误控制台。 虽然,它会给出所有 CSS错误,所以您必须通读它。

===============>>#3 票数:0

IntelliJ Idea工具也可以做到这一点。

===============>>#4 票数:0

Firefox扩展正是您想要的功能。

它找到所有未使用的选择器。

  ask by Deeksy translate from so

未解决问题?本站智能推荐:

1回复

供应商/资产/样式表不存在

在我的rails app目录中,存在vendor / plugins和vendor / assets / stylesheets(两者都是空的)。 我想创建javascripts文件夹。 我可以手动创建它还是需要运行任何终端命令? 谢谢
3回复

当样式不存在时使用内联CSS

我有一个奇怪的情况,我正在努力改善。 我的HTML内容可以在我的网页上正常显示,但不能在其他页面上正常显示。 我在页面中定义了一种样式,该样式应用于>标记以限制其宽度,并且效果很好。 不过,我想在我的>标记上>内联CSS,基本
2回复

不存在样式时匹配的CSS模式

我有一个库(PrimeFaces),可在列可排序时为<th>添加样式。 但是我想在列不可排序时应用自己的样式:即,当该样式不在<th> 有一种方法可以针对没有样式的CSS选择器,而无需对元素样式类列表中的/不存在任何其他假设。 也就是说,我需要在CSS内严格
4回复

JavaFX CSS错误(属性样式表不存在)

我刚刚开始使用最新的Java7 SDK在IntelliJ中构建JavaFX应用程序。 我使用Oracle Scene Builder构建了我的界面,所有内容都在预览中运行并显示正常,但是当我尝试编译我的程序时,我收到以下错误 根据JavaFX文档判断我的FXML中的styleshe
1回复

Ajax请求,使用javascript更新html但样式不存在

对不起,标题很奇怪,我目前正在制作一个网页,当页面在请求上加载时,我在'head'标记中调用以下两个脚本以产生很好的动态按钮效果。 然后,用户可以在加载的页面上更新他们的请求,我使用AJAX来收集信息。 然后,使用返回的json对象中的数据为新html生成字符串。 代码类似于以下
2回复

CSS:not()选择器。如果父项不存在,则应用样式

我正在尝试基于其父类将样式应用于div。 我使用:not()选择器来选择父级不是.container1的div,第二个div应该是红色,但它不起作用。 例1 .myDiv:not(.container1) > .myDiv { color: red; }
2回复

列表样式图像不起作用:不存在标记

这是我的CSS: 这是我的HTML: 我希望看到带有标记的子弹点列表,但不会出现这样的标记。 我肯定有“list-style-image”的正确图像网址。 可能是什么问题? 非常感谢,哈利
1回复

边际利润不存在

我正在研究一些由正方形制成的布局,它们的宽度由百分比和高度定义,方法是对1:1方面的宽度填充相同的宽度,并使用jQuery Masonry对其进行定位。 问题是,开始出现一些像边距的东西,没有填充或边距设置,但是在调整窗口大小之后,它们消失了,这是小提琴: https://jsfiddl
1回复

仅在元素上也不存在类时才应用某些CSS样式[重复]

这个问题已经在这里有了答案: 如何在CSS选择器中排除特定的类名? 3个答案 说我有两个CSS类: 我只想应用class1具有的任何样式, class2是class2不在元素上。 因此,例如: 应为红色。 但是,如果我这样做: 即使
4回复

如果div1和div2不存在,则CSS样式div3会有所不同

如果用户注册到我的网站,则在他们的登录区域中,我有3个div,如下所示: 这些div的宽度均为32%,并且彼此对齐。 #psts-cancel-link { background: white; border-left: 3px solid #ccc; padding: 1