WebStorm CSS无法解析自定义属性

Question

在我的CSS文件中，我使用的是自定义CSS，如照片所示。 WebStorm提供错误。我该如何解决？

将鼠标悬停在这里时，出现完整错误

Cannot resolve '--color-gray-1' custom property
This inspection warns about CSS custom property variable references which cannot be resolved to any valid target

Answer 1

将该属性添加到自定义CSS属性会抑制“未知CSS属性”检查； 但是在您的屏幕截图中，我猜测警告来自W3C验证程序。 W3C验证程序检查基于W3C提供的外部工具（可在http://jigsaw.w3.org/css-validator/#validate_by_input获得在线版本），因此我们无法采取任何措施来修复此类警告。另外，w3C验证程序并不总是最新的，并且会报告有效CSS的错误，但是某些用户仍然喜欢启用它。

如果您不希望显示这些错误，则只能禁用此检查：按下Alt + Enter并选择“禁用W3C CSS验证”。

Answer 2

您可以尝试的两种方式：

1. :root { --color-gray-1: #666666; } 2. html, body { --color-gray-1: #666666; color: var(--color-gray-1) }

Answer 3

确保不排除所在目录 css 文件：右键单击目录 > 将目录标记为 > 不排除