Dreamweaver CC教程:定义 CSS 选择器

Dreamweaver CC教程:定义 CSS 选择器

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

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

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

复制粘贴样式

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

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

复制和粘贴样式
复制和粘贴样式

重新排列选择器

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

 

推荐阅读