Less语法变量

Posted 2020-09-23

LESS 允许开发者自定义变量，变量可以在全局样式中使用，变量使得样式修改起来更加简单。例如：

 @border-color : #b5bcc7;

 .mythemes tableBorder{
   border : 1px solid @border-color;
 }

经过编译生成的 CSS 文件如下：

 

 .mythemes tableBorder {
  border: 1px solid #b5bcc7;
 }

从上面的代码中我们可以看出，变量是 VALUE（值）级别的复用，可以将相同的值定义成变量统一管理起来。