Dreamweaver，如何仅将引用的 CSS 从外部样式表移动到内部

Question

我有一个庞大的外部样式表，其中包含许多不同页面的代码。我的问题是，我只需要识别其中一个页面的 CSS，而不必在数千行代码中寻找与该特定页面相关的内容。

Dreamweaver 是否有办法自动导入相关的 CSS，将我庞大的外部样式表精简为更简洁的内部样式表，其中仅包含与该特定页面相关的代码？

非常感谢你！

Answer 1

我认为仅使用 Dreamweaver 无法完成此操作。假设您有 Firefox，则可以安装 Firebug 插件和 CSS 使用插件来扫描页面并识别已使用和未使用的 CSS 规则。然后，您可以点击“导出已清理的 CSS”按钮并复制页面中使用的 CSS 规则并将其粘贴到 Dreamweaver 中。

Firebug 插件：在这里下载

CSS 使用 Firebug 扩展：在这里下载

Answer 2

您可以做两件事 - 第一是简单地单击按钮Current，它只显示与当前元素相关的 CSS。

另一种方法是突出显示任何元素并等待齿轮图标出现，当您单击此图标时，它会显示选择使用的所有 CSS 元素的列表，然后您可以单击并跳转到。