引用（mixins）
在一个类中可以引用另一个类的名称做为该类的属性。（在这点上与variables有些相似，只不过variables定义的变量，而mixins定义的属性集合）

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

#footer {

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

.rounded_corners {

  -moz-border-radius: 8px;

  -webkit-border-radius: 8px;

  border-radius: 8px;

}

#header {

  .rounded_corners;

}

#footer {

  .rounded_corners;

}

嵌套规则（nested rules）
将相同的内容放到一起，这样避免CSS块过长，不易阅读。

#header {

  color: red;

}

#header a {

  font-weight: bold;

  text-decoration: none;

}

#header {

  color: red;

  a {

    font-weight: bold;

    text-decoration: none;

  }

}

表达式(operations)

#header {

  color: #333;

  border-left: 1px;

  border-right: 2px;

}

#footer {

  color: #222;

}

@the-border: 1px;

@base-color: #111;

#header {

  color: @base-color * 3;

  border-left: @the-border;

  border-right: @the-border * 2;

}

#footer {

  color: @base-color + #111;

}

注释：其中@the-border和@base-color使用了变量 （variables）方式。

使用上述四种就可以大大简化你的CSS开发了。是不是很简单呢？