Dreamweaver CC教程:编辑 main.less 文件中的选择器
Dreamweaver CC教程:编辑 main.less 文件中的选择器
编辑 main.less 文件中的选择器
现在您已经了解了需要编辑的选择器,接下来您可以对 main.less 文件进行更改。
1、转至文件末尾,直到您看到以下注释:
/* 自定义代码颜色或覆盖应从此行后开始:*/
2、键入要编辑颜色的代码元素的选择器。使用类似于以下示例的语法:
.cm-tag {color: #00D0D0; }
3、如果要为多个元素分配相同颜色,请将多个选择器组合在一起。在以下示例中,为用逗号分隔的多个选择器分配了同一种颜色。
.cm-atom, .cm-string, .cm-string-2, .cm-hr {color: #cf681d;}
4、要进行特定于某个文件类型的代码颜色自定义,请在文件类型选择器中包含代码元素选择器,如以下示例中所示:
1
2
3
.HTML{
.cm-tag{ color: #00D0D0;}
}
5、在进行更改后,保存文件。
Dreamweaver 会将所有打开的文档中的代码视图刷新为新的颜色。
注意:
如果您的更改中有任何语法错误或未定义的变量,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教程:包装在Try Catch 中
Dreamweaver CC教程:包装在Try Catch 中,教程,光标,选择,代码...
-
Dreamweaver CC教程:转换为箭头函数
Dreamweaver CC教程:转换为箭头函数,函数,教程,结构,语句,参数...
-
Dreamweaver CC教程:转到JavaScript或VBScript
Dreamweaver CC教程:转到JavaScript或VBScript,转到,视图,单击...
-
Dreamweaver CC教程:设置代码提示首选参数
Dreamweaver CC教程:设置代码提示首选参数,设置,代码提示,参数...
-
Dreamweaver CC教程:创建 Getter/Setter
Dreamweaver CC教程:创建 Getter/Setter,光标,重构,表达式,教...
-
Dreamweaver CC教程:重构代码
Dreamweaver CC教程:重构代码,教程,函数,选项,重构,代码重构,...