Dreamweaver CC教程:编辑 main.less 文件中的选择器

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 将不会加载您所做的自定义代码更改,而是还原到默认的深色代码主题。

 

推荐阅读