WebStorm :nth-child 选择器报错但浏览器运行正常的解决方法

近期，部分 WebStorm (例如 2022.1.1 版本) 用户反馈，其 CSS 代码中的 :nth-child 选择器在 IDE 中报错，但在浏览器中却能正常工作。此问题并非 :nth-child 选择器本身或 WebStorm 的 bug，而是由于某些插件与 WebStorm 的 CSS 解析器冲突导致的假性报错。

问题表现：所有使用 :nth-child 的 CSS 代码在 WebStorm 中均显示错误，但浏览器渲染正常。

解决方案：

微信公众号文章生成技能（专业版）

name wechat-article-writer-pro description 微信公众号文章完整生成技能（专业版）。输入主题即自动完成：信息调研、文章撰写（含章节配图）、5个备选爆款标题、封面图生成、带格式排版的DOCX文档输出。触发词：写公众号文章、生成公众号内容、做微信推文、公众号文章完整版。 agent_created true 微信公众号文章完整生成技能（专业版） 概述 本技能提供微信公众号文章从主题到成品的完整生成流程，在基础版之上增加：章节配图、DOCX 格式输出（含彩色重点文字和表格

下载

经过排查，发现问题根源在于某些近期安装的插件，例如微信小程序支持插件。卸载该插件后，:nth-child 选择器的报错即可消失。

建议遇到类似问题的用户尝试以下步骤：

1. 卸载近期安装的插件: 逐一卸载近期安装的插件，重启 WebStorm 后检查 :nth-child 选择器是否仍然报错。
2. 确定冲突插件: 通过以上步骤，您可以找到导致冲突的插件。
3. 寻求插件更新或替代方案: 如果该插件对您至关重要，可以尝试寻找该插件的更新版本，或寻找功能相似的替代插件。

通过以上方法，即可有效解决 WebStorm 中 :nth-child 选择器假性报错的问题，恢复正常的代码编辑体验。