PhpStorm误将已使用的CSS选择器标记为未使用的问题解决咨询

这个场景我之前碰到过好几次，PhpStorm的静态分析对这种把CSS塞进PHP文件、用require_once引入的方式确实不太敏感，下面给你两种方向的解决方案：

让PhpStorm识别到选择器已被使用 #

如果想让IDE正确关联选择器和页面元素，可以试试这几个方法：

• 给PHP文件添加CSS语言提示：在你的PHP样式文件最开头，加上一行注释 /* @language CSS */。这样PhpStorm会把这个文件当作CSS文件来解析，只要项目索引正常，它就能扫描到项目里HTML/PHP页面中的对应元素，从而取消“未使用”标记。如果索引有问题，可以通过File > Invalidate Caches...重建索引试试。
• 标记资源根目录：右键存放这些PHP样式文件的文件夹，选择Mark Directory as > Resource Root。IDE会把这个文件夹视为资源目录，更主动地扫描其中的资源引用关系。
• 改用标准的动态CSS引入方式：其实你可以保留PHP生成CSS的能力，同时让IDE正常识别。比如在style.php开头加上header("Content-Type: text/css");，然后在页面里用<link rel="stylesheet" href="style.php">引入，而不是require_once。这种方式既保留了PHP动态处理样式的功能，又能让PhpStorm正常关联CSS选择器和页面元素，是更推荐的做法。

直接关闭“未使用选择器”警告 #

如果不想调整现有引入方式，也可以直接关闭这个警告：

• 全局关闭：打开Settings > Editor > Inspections > CSS > Unused CSS selector，取消勾选这个选项，点击OK保存即可。这样整个项目里的这类警告都会消失。
• 单个文件关闭：在你的PHP样式文件开头加上/* noinspection CssUnusedSymbol */，这样只会关闭当前文件的“未使用选择器”警告，不会影响其他文件的检查。

内容的提问来源于stack exchange，提问作者Dirk Freijters