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}');
}