WebStorm :nth-child 选择器报错但浏览器运行正常的解决方法
近期，部分 WebStorm (例如 2022.1.1 版本) 用户反馈，其 CSS 代码中的 :nth-child 选择器在 IDE 中报错，但在浏览器中却能正常工作。此问题并非 :nth-child 选择器本身或 WebStorm 的 bug，而是由于某些插件与 WebStorm 的 CSS 解析器冲突导致的假性报错。
问题表现：所有使用 :nth-child 的 CSS 代码在 WebStorm 中均显示错误，但浏览器渲染正常。
解决方案：
经过排查，发现问题根源在于某些近期安装的插件，例如微信小程序支持插件。卸载该插件后，:nth-child 选择器的报错即可消失。
建议遇到类似问题的用户尝试以下步骤：
-
卸载近期安装的插件: 逐一卸载近期安装的插件，重启 WebStorm 后检查
:nth-child选择器是否仍然报错。 - 确定冲突插件: 通过以上步骤，您可以找到导致冲突的插件。
- 寻求插件更新或替代方案: 如果该插件对您至关重要，可以尝试寻找该插件的更新版本，或寻找功能相似的替代插件。
通过以上方法，即可有效解决 WebStorm 中 :nth-child 选择器假性报错的问题，恢复正常的代码编辑体验。
