less的使用

less 变量和插值

less变量插值使用@{}表示

// less变量
@c: #e4393c;

// less变量插值使用@{
   }表示

// 选择器变量插值
@b: box;

// 路径变量插值
@imgUrl: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png';

// 属性变量插值
@bgsize: background-size;

// -----------------------------------
// .box{
   
//   width: 200px;
//   height: 200px;
//   border: 2px solid @c;
//   text-align: center;
//   line-height: 200px;