less基础 less可以帮助我们计算rem布局的值 css的扩展语音(想了解的可以去问百度有官网的)
缺点 要编译成css代码才能被html读取 用(vocode less插件)来编译 编译方法(安装好插件 在less页面保存就会自动生成)
less变量 (不用重复的改 只要改变量就行)
写法
@color: pink;
@font14: 14px;
body {
background-color: @color;
color: @color;
font-size: @font14;
}
less嵌套
在less里面可以嵌套 子元素的样式可以写到父亲里面 (自动生成会改成css的写法)
less 写法
div {
background-color: @color;
color: @color;
font-size: @font14;
a {
color: @color;
}
}