答案：通过插件或搜索功能可实现Sublime Text中CSS类定义跳转。安装Goto-CSS-Declaration插件后右键类名选择“Goto Declaration”即可跳转；或使用Ctrl+Shift+F全局搜索带点号的类名（如.header-nav）定位定义；也可通过侧边栏打开CSS文件后用Ctrl+P和Ctrl+R快速导航。配合规范命名和项目结构能进一步提升效率。
在 Sublime Text 中直接跳转到 CSS 类的定义不像在专业前端 IDE 中那样一键直达，但通过一些技巧和插件可以实现快速定位。下面介绍几种实用方法，帮助你高效跳转到 CSS 类定义。
使用“Goto Definition”功能（需插件支持）
Sublime Text 原生不支持 HTML 到 CSS 的类名跳转，但可以通过安装插件增强功能：
- Install Package Control：如果还没安装，先通过官网安装 Package Control。
- 安装 CSS Extended Completions：这个插件不仅提供补全，还增强了类名识别能力。
- 安装 Goto-CSS-Declaration：专为跳转设计的插件，支持从 HTML 或模板中右键类名，选择“Goto Declaration”跳转到对应 CSS 定义。
安装后，在 HTML 文件中选中一个 class 名称，右键选择 Goto Declaration，如果 CSS 文件已被项目包含，就会自动打开并定位到该类的定义位置。
利用“Find in Files”快速搜索
这是最直接且无需额外配置的方法：
立即学习“前端免费学习笔记（深入）”；
- 选中 HTML 中的 class 名（如 header-nav）。
- 按下 Ctrl+Shift+F（Mac 上是 Cmd+Shift+F）。
- 粘贴类名，设置搜索范围为当前项目或 CSS 目录。
- 回车后查看结果，点击即可跳转。
建议搜索时加上点号避免误匹配，例如输入 .header-nav，只找 CSS 选择器。
通过侧边栏快速打开 CSS 文件
如果你的项目结构清晰，CSS 文件不多，可以：
- 在侧边栏展开 stylesheets 或 css 文件夹。
- 使用 Ctrl+P 快速打开文件，输入文件名关键词（如 style.css 或 main.css）。
- 打开后用 Ctrl+R 调出符号面板，输入类名快速定位函数或样式块。
前提是你的 CSS 类写法规范，Sublime 才能在 Ctrl+R 中识别为可跳转符号。
提升效率的小建议
- 保持类名命名一致，比如 BEM 风格更容易搜索定位。
- 将 HTML 和 CSS 文件加入同一项目（Project），方便全局查找。
- 使用多光标编辑时，配合查找高亮批量处理同类样式。
基本上就这些。虽然 Sublime 没有 VS Code 那样的智能跳转，但搭配插件和快捷键，依然能高效完成类定义跳转。关键是建立良好的项目结构和编码习惯。
