如何从 Dreamweaver 的代码视图跳转到 .css 文件中的 CSS 类/ID？答案

【问题标题】：How do I jump to a CSS class/ID in the .css file from Dreamweaver's Code view?如何从 Dreamweaver 的代码视图跳转到 .css 文件中的 CSS 类/ID？
【发布时间】：2013-01-02 19:14:25
【问题描述】：

情况是这样的。我在 Dreamweaver 中工作。假设我有 5 个不同的 .css 文件，其中包含各种类和 ID。假设我正在代码视图（基本上只是一个文本编辑器）中编辑 index.html。然后假设我在代码中找到了一个我想查看代码的 CSS 类。或者换句话说，我想“跳转到”或“转到”该类在其 .css 页面中的声明。

有没有办法在 Dreamweaver 中做到这一点？现在在代码视图中看到类名非常烦人，然后必须单击每个 .css 页面，然后手动搜索该类以找出它所在的位置以便对其进行编辑。

我也对其他类似于 Dreamweaver 的软件包持开放态度，这些软件包使这更容易。

谢谢！

【问题讨论】：

标签： html css dreamweaver

【解决方案1】：

Alt+单击类以打开“代码导航器”弹出窗口。在那里您可以看到应用于单击元素的样式。单击弹出窗口中的选择器会打开您要调查的选择器的 css 源文件。

另一种方法是单击具有 ID 或类的元素，然后按 Shift+F11。这将打开“CSS 样式”窗口。在“选择摘要”标题下有一个规则列表。

【讨论】：

谢谢。但出于某种原因，它总是只显示与我选择的内容相关联的 ID，而不是类。它还仅显示来自 global.css（主要 .css 文件和 5 个 .css 文件中的 1 个）的 ID。有什么想法吗？
与我上面的第二个问题有关，可能是因为我嵌套了 global.css 中的其他 4 个 .css 文件，因此 index.html 只有一个 css 文件引用（对 global.css）。在 Code Navigator 中时，dreamweaver 中的 index.html 页面可能不知道其他四个页面
@natsturner 不知道DW能不能显示从另一个CSS导入的CSS文件的CSS。
谢谢，是的，似乎没有。能够从代码视图中单击类或 ID 名称，然后它会直接跳转到元素的源，无论它在哪里（只要它在同一个 web 目录中），这将是一个很棒的功能。跨度>