less语法--变量

责编:menVScode 2018-03-11 19:39 阅读(498)

less语法--变量:允许我们单独定义一系列通用样式,然后在需要的时候去调用,所以在做全局样式调整的时候,我们可能只修改几行代码就ok了。

less注释方式:// 和 /* */。两者区别是:双斜杠“//”只能注释单行,并且“//”注释的less文件被编译成功后不会带到css文件中。

【1】代码示例

/* less */
@width: 12px;
.border{
    width: @width*5;
}

/* 编译后的css */
.border {
  width: 60px;
}


作用域 { }

.box{
    @w: 2px;
    .main{
        width: @w;
    }
}
.content{
    // @w 访问不到,然后就会去全局去找,若没有的话,就会报错。
    width: @w;
}


注意:不要重复声明变量;变量声明的位置。

标签: less 变量
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码