less小记
嵌套选择器
body {
color: #333;
.main {
background: #eee;
p {
color: #666;
}
}
}
变量
表示值的变量
@var1: #fff;
body {
color: @var1;
}
表示选择器的变量
@my-selector: banner;
.@{my-selector} {
color: #fff;
}
字符串变量
@imgPath: "/path/to/bg.png";
.bg {
background: url('@{imagePath}');
}
.bg2 {
background: url('append/url/@{imagePath}');
}