html - 如何从 Dreamweaver 的代码 View 跳转到 .css 文件中的 CSS 类/ID？

Question

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

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

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

谢谢!

Answer 1

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

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