Dreamweaver CC教程：定义 CSS 选择器

Dreamweaver CC教程：定义 CSS 选择器

定义 CSS 选择器
1、在“CSS Designer”面板中，选择“源”窗格中的某个 CSS 源或“@媒体”窗格中的某个媒体查询。
2、在“选择器”窗格中，单击 。根据在文档中选择的元素，“CSS Designer”会智能确定并提示使用相关选择器（最多三条规则）。
可执行下列一个或多个操作：

使用向上或向下箭头键可为建议的选择器调整具体程度。 删除建议的规则并键入所需的选择器。请确保您键入了选择器名称以及“选择器类型”的指示符。例如，如果您要指定 ID，请在选择器名称之前添加前缀“#”。 若要搜索特定选择器，请使用窗格顶部的搜索框。 若要重命名选择器，请单击该选择器，然后键入所需的名称。 若要重新整理选择器，请将选择器拖至所需位置。 若要将选择器从一个源移至另一个源，请将该选择器拖至“源”窗格中所需的源上。 若要复制所选源中的选择器，请右键单击该选择器，然后单击“复制”。 若要复制选择器并将其添加到媒体查询中，请右击该选择器，将鼠标悬停在“复制到媒体查询中”上，然后选择该媒体查询。

注意：只有选定的选择器的源包含媒体查询时，“复制到媒体查询中”选项才可用。无法从一个源将选择器复制到另一个源的媒体查询中。

复制粘贴样式

您现在可以将一个选择器中的样式复制粘贴到其他选择器中了。您可以复制所有样式或仅复制布局、文本和边框等特定类别的样式。 
右键单击某个选择器并选择可用的选项：

如果选择器没有样式，则“复制”和“复制所有样式”处于禁用状态。 对于无法编辑的远程站点，“粘贴样式”处于禁用状态。但是，“复制”和“复制所有
样式”都可以使用。 已在某个选择器上部分存在的粘贴样式（重叠）可以使用。所有选择器的
Union 均已粘贴。 复制粘贴样式也适用于 CSS 文件的不同连接 – 导入、链接、内联
样式。

复制和粘贴样式

重新排列选择器

单击所需的选择器并将其拖动到“选择器”窗格中的新位置。