Dreamweaver CC教程:标识与CSS选择器关联的页面元素

Dreamweaver CC教程:标识与CSS选择器关联的页面元素

Dreamweaver CC教程:标识与CSS选择器关联的页面元素

标识与 CSS 选择器关联的页面元素

大多数时候,一个 CSS 选择器与多个页面元素相关联。例如,页面主要内容中的文本、页眉和页脚文本均可与同一 CSS 选择器关联。编辑 CSS 选择器的属性时,将影响与该选择器关联的所有元素,包括不想更改的元素。

“实时突出显示”帮助您标识所有与 CSS 选择器关联的元素。如果只想更改一个元素或某些元素,则可为这些元素新建一个 CSS 选择器,然后编辑属性。

要标识与 CSS 选择器关联的页面元素,请将鼠标悬停在“实时”视图中的选择器上(实时代码“关闭”)。Dreamweaver 用点划线突出显示关联的元素。

要使元素保持突出显示,请单击该选择器。现在以蓝色边框突出显示元素。

要取消元素四周的蓝色高亮显示,请再次单击该选择器。

默认情况下启用实时突出显示。要禁用实时突出显示,请单击文档工具栏中的“实时”视图选项,然后单击“禁用实时突出显示”。 

 

推荐阅读