在 Dreamweaver 中移动 CSS 规则

上次更新日期: 2021年4月27日

在 Dreamweaver 中将 CSS 规则移动、导出到一个新样式表或现有样式表或者在其中重新排列 CSS 规则。

Dreamweaver 中的\nCSS 管理功能使\n您能够轻松地将 CSS 规则移动或导出到不同位置。\n您可以将规则从一个文档移动到另一个文档,从文档头部移动到外部样式表,在外部 CSS 文件之间移动等等。

注释

如果您尝试移动的规则与目标样式表中的规则冲突,Dreamweaver 将显示"存在同名规则"对话框。如果您选择移动冲突规则,Dreamweaver 将把移动的规则直接放置在目标样式表中冲突规则的旁边。

将 CSS 规则移动或导出到新样式表

在“代码”视图中,选择要移动的一个或多个规则。 然后右键单击选择内容,并从上下文菜单中选择"选择内容">"移动 CSS 规则"。

注释

选择一部分规则会导致整个规则重定位。

在"移动到外部样式表"对话框中,选择新建样式表选项并单击"确定"。
在"将样式表文件另存为"对话框中,为新样式表输入名称并单击"保存"。

当您单击"保存"时,Dreamweaver 会保存一个包含您选择规则的新样式表,并将其附加到当前文档。

将 CSS 规则移动或导出到现有样式表

在“代码”视图中,选择要移动的一个或多个规则。 然后右键单击选择内容,并从上下文菜单中选择"选择内容">"移动 CSS 规则"。

注释

选择一部分规则会导致整个规则重定位。

在"移动到外部样式表"对话框中,从弹出菜单中选择现有样式表或浏览到现有样式表,然后单击"确定"。
注释

弹出菜单显示与当前文档关联的所有样式表。

通过拖动重新排列或移动 CSS 规则

在"CSS 设计器"面板("全部"模式)中,选择一个规则并将其拖动到所需位置。您可以通过选择并拖动规则在样式表内对规则进行重新排序,也可以将规则移动到另一个样式表或文档头。

注释

通过按住 Ctrl 单击 (Windows) 或按住 Command 单击 (Macintosh) 选择多个规则,可以一次移动多个规则。