Stylelint选择器- max -专用性:class：：占位符(0,0,1)不是类，而是类:焦点：：占位符(0,1,1)以0.2.0最大特异性抛出错误

Question

我试图降低CSS在我的项目中的特异性，通过使用样式表选择器-max-专用性，现在我已经将它设置为"0.2.0“。问题是，当我使用wonderful-input::placeholder时，它不会抛出一个错误，即使它具有0,0,1的特异性，但是当我使用wonderful-input:focus::placeholder时，它的特异性会提高到0,1,1，并抛出一个错误。我得到ofc的错误是：

预期".input-basic__input--active:focus::placeholder“的特异性不超过"0,2,0”(selector-max-specificity)Stylelint(selector-max-specificity)

有人知道我为什么会犯这个错误吗?如果我能降低这个错误的特异性呢？

我只是不明白为什么0,0,1和0,1,1确实抛给我一个错误！谢谢:D

Answer 1

有人知道我为什么会犯错误吗？

使用这台计算器，您可以看到选择器.input-basic__input--active:focus::placeholder具有0,2,1的特殊性，即两个(伪)类和一个(伪)元素。

0,2,1大于选择的0,2,0的最大特异性，规则正确地报告了这一点。

如果要使用此选择器，则应将主选项增加到0,2,1。

问题是，当我使用wonderful-input::placeholder时，它不会抛出错误

选择器wonderful-input::placeholder具有0,0,2的特异性，即2(伪)元素，这比0,2,0低，因此规则允许它。

我能降低这一项的特异性吗？

没有办法降低.input-basic__input--active:focus::placeholder选择器的特异性，让它做同样的事情:即，将具有类input-basic__input--active的聚焦元素的样式设置为placeholder伪元素。

我试图通过使用样式选择器-max-专用性来降低我的项目中的CSS特异性。

这是一个令人钦佩的目标。您还可以使用规则 (如selector-max-class、selector-max-combinators、selector-max-compound-selectors等)来帮助您这样做。