Dreamweaver CC教程:标识与CSS选择器关联的页面元素
Dreamweaver CC教程:标识与CSS选择器关联的页面元素
标识与 CSS 选择器关联的页面元素
大多数时候,一个 CSS 选择器与多个页面元素相关联。例如,页面主要内容中的文本、页眉和页脚文本均可与同一 CSS 选择器关联。编辑 CSS 选择器的属性时,将影响与该选择器关联的所有元素,包括不想更改的元素。
“实时突出显示”帮助您标识所有与 CSS 选择器关联的元素。如果只想更改一个元素或某些元素,则可为这些元素新建一个 CSS 选择器,然后编辑属性。
要标识与 CSS 选择器关联的页面元素,请将鼠标悬停在“实时”视图中的选择器上(实时代码“关闭”)。Dreamweaver 用点划线突出显示关联的元素。
要使元素保持突出显示,请单击该选择器。现在以蓝色边框突出显示元素。
要取消元素四周的蓝色高亮显示,请再次单击该选择器。
默认情况下启用实时突出显示。要禁用实时突出显示,请单击文档工具栏中的“实时”视图选项,然后单击“禁用实时突出显示”。
相关内容
-
Dreamweaver CC教程:Dreamweaver 支持的编程语言
Dreamweaver CC教程:Dreamweaver 支持的编程语言,编程语言,支...
-
Dreamweaver CC教程:正则表达式
Dreamweaver CC教程:正则表达式,正则表达式,搜索,换行符,教程,...
-
Dreamweaver CC教程:设置代码外观
Dreamweaver CC教程:设置代码外观,设置,选项,缩进,教程,视图,...
-
Dreamweaver CC教程:默认在代码视图中打开文件
Dreamweaver CC教程:默认在代码视图中打开文件,默认,视图,打开...
-
Dreamweaver CC教程:设置代码改写首选参数
Dreamweaver CC教程:设置代码改写首选参数,设置,参数,标签,选...
-
Dreamweaver CC教程:在Dreamweaver中处理代码
Dreamweaver CC教程:在Dreamweaver中处理代码,工作区,拆分,文...
-
Dreamweaver CC教程:服务器行为代码
Dreamweaver CC教程:服务器行为代码,服务器,教程,检测,显示,代...
-
Dreamweaver CC教程:XHTML 代码
Dreamweaver CC教程:XHTML 代码,清理,文档,元素,教程,属性,标...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...
-
Dreamweaver CC教程:编辑 main.less 文件中的选
Dreamweaver CC教程:编辑 main.less 文件中的选择器,文件,教程...
-
Dreamweaver CC教程:使用“插入”面板
Dreamweaver CC教程:使用“插入”面板插入代码,教程...
-
Dreamweaver CC教程:使用“环绕标签”
Dreamweaver CC教程:使用“环绕标签”,标签,教程,文...
-
Dreamweaver CC教程:设置颜色主题和代码主题
Dreamweaver CC教程:设置颜色主题和代码主题,设置,教程,选择,...