less变量插值

什么是变量插值

  • 在 less 中如果属性的取值可以直接使用变量,但是如果是属性名称或者选择器名称并不能直接使用变量
  • 如果属性名称或者选择器名称想使用变量中保存的值,那么必须使用 变量插值 的格式

变量插值的格式

格式: @{变量名称}

image-20210807152906712

@size: 200px;
@w: width;
@s: div;

@{s} {
  @{w}: @size;
  height: @size;
  background: red;
}
posted @ 2021-08-07 15:30  BNTang  阅读(116)  评论(0)    收藏  举报