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 没有检测重复类名的能力。

Answer 1

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

输入

.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 .可以从命令行使用。