less学习-语法(二)

时间:2022-07-22 23:03:02
  1. 变量 @color1:#fff;
  2. 选择器 
    // Variables
    @mySelector: banner; // Usage
    .@{mySelector} {
    font-weight: bold;
    line-height: 40px;
    margin: 0 auto;
    }
  3. 图片域名

    // Variables
    @images: "../img"; // 用法
    body {
    color: #444;
    background: url("@{images}/white-sand.png");
    }
  4. 变量的变量

    @fnord:  "I am fnord.";
    @var: "fnord";
    content: @@var;
  5. 当前域变量

    @var: 0;
    .class1 {
    @var: 1;
    .class {
    @var: 2;
    three: @var;
    @var: 3;
    }
    one: @var;
    }
    1.one:1 当前域名
    2 tree:3 当前域的最后一个决定

      

  6. TODO http://less.bootcss.com/features/#variables-feature

     附:http://less.bootcss.com/features/