WebStorm 2023.2.2中Ctrl+点击HTML的ID无法跳转至CSS声明求助

这个问题并非WebStorm的普遍Bug，大概率是你的项目配置或IDE缓存异常导致的，以下是具体排查和解决方法：

• 检查CSS与HTML的关联配置
  打开File > Settings > Languages & Frameworks > Stylesheets，确认「Enable CSS support for HTML files」已勾选；再进入Languages & Frameworks > HTML > Stylesheets，确保当前项目的样式文件（包括内联<style>块）被IDE正确识别。

• 清除IDE缓存并重启
  执行File > Invalidate Caches...，选择「Invalidate and Restart」，这是解决多数IDE索引异常的通用方案，能修复很多识别类问题。

• 确认文件类型关联正确
  右键项目中的HTML文件，选择「File Properties」，确保文件类型是「HTML」而非「Text」或其他；样式文件同理，需设置为「CSS」类型。

• 检查ID选择器语法
  虽然你的示例代码语法没问题，但如果实际项目中ID选择器存在语法错误（比如包含未转义的特殊字符），会导致IDE无法识别。可以用WebStorm的代码检查功能（按Alt+Enter）查看是否有语法提示。

示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <style>
      #i1 {color: red}
      .c1 {font-size: 15px}
   </style>
</head>

<body>
<p id="i1" class="c1">test</p>
</body>
</html>

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