html - 如果类属性的类在库中，如何在编辑器中检查？

Question

我想要达到的目标

我想检测通用 CSS 库的类名和我的 CSS 文件的类名声明何时重复（在 PHPStorm、Atom、VSCode 等的编辑器上）。

有没有办法在 HTML 文件中检测类名是否重复？

我检查的内容（但它们没用）

所以我搜索了 CSS Lint 并找到了CSS LINT和stylelint。

但是，CSS LINT 似乎没有检测重复类名的功能，并且下面的 CSS 没有发出任何错误或警告。

.duplicate_class {
  background: #ffa;
}

.duplicate_class {
  font-size: 5px; /* I want errors and warnings */
}

stylelint 的 no-duplicate-selectors 检查选择器而不是类名，因此允许重复的类名：

.class {
  background: #ffa;
}

body .class {
  font-size: 5px;
}

当然，htmllint 没有检测重复类名的能力。

score 0 · Accepted Answer

我从来没有遇到过这样的插件，工具。但是可以组合这些类。

输入

.module {
  color: green;
}
.another-module {
  color: blue;
}
.module {
  background: red;
}
.another-module {
  background: yellow;
}

输出

.module {
  color: green;
  background: red;
}
.another-module {
  color: blue;
  background: yellow;
}

库是postcss和插件postcss-combine-duplicated-selectors。可以从命令行使用。

1 回答 1