css+less变量

html-css022

css+less变量,第1张

1.css变量的使用

2.less变量使用：变量+混合+嵌套+循环

webstorm配置less：通过命令npm install -g less先安装less

html内容如下：

less内容如下：

CSS变量定义通过在变量名前加 var- 前缀实现，引用时使用 var() 获取变量值。例如：

:root {

var-companyblue: #369

var-lighterblue: powderblue

}

h1 {

color: var(companyblue)

}

h2 {

color: var(lighterblue)

}