ESLint 遇到错误提示：'Pseudo-elements and pseudo-classes should be last of selector'，该怎么解决？

ESLint 遇到错误提示：'Pseudo-elements and pseudo-classes should be last of selector'，该怎么解决？

当使用 ESLint 对前端代码进行检查时，有时会遇到这样一条错误提示：'Pseudo-elements and pseudo-classes should be last of selector'，这是由于代码中的某些选择器中伪元素或伪类没有放在最后一个位置而导致的。它会影响到代码的可读性和维护性，因此需要解决这个问题。

解决方法：

将伪元素或伪类放在选择器的最后一个位置，这样可以增强代码可读性和维护性。

示例代码：

/* 错误: 伪类没有放在最后 */
a:hover::before { color: red; } 

/* 正确: 伪元素放在最后 */
a::before:hover { color: red; }

/* 正确: 伪类和伪元素放在最后 */
a:hover::before { color: red; }

总结：

在编写前端代码时，要善于借助 ESLint 工具对代码进行检查，及时发现代码中潜在的问题，以提升代码质量，增强代码的可读性和维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6476c9c6968c7c53b036e30c