最近刚接触学css预处理,请教下定义的公用变量之间能被不同的文件引用么?
比如:有3个文件,分别是global.less
,list.less
,form.less
,在 global 中定义的值能分别在其他文件中引入么?怎么引?
css
/* global.less */ @gray: #d7d7d7; /* list.less */ li{border:1px solid @gray;} /* form.less */ li{border:2px dashed @gray;}
刚查了一下这个问题, @import 'xxx.less'
放在开头
你看一下这篇文章:理解Sass中变量作用域
使用 @import "文件名" 不要后缀名
@import "global" 导入这个文件即可