less简要入门——混合

在 LESS 中我们可以定义一些通用的属性集为一个class，然后在另一个class中去调用这些属性.

案例：

.bordered {  border-top: dotted 1px black;  border-bottom: solid 2px black;}#menu a {  color: #111;  .bordered;// .bordered中的所有CSS语句都会跑到这里来}.post a {  color: red;  .bordered;// .bordered中的所有CSS语句都会跑到这里来}

解析后：

.bordered {  border-top: dotted 1px black;  border-bottom: solid 2px black;}#menu a {  color: #111;  // 以下两个CSS语句是.bordered 解析出来的  border-top: dotted 1px black;  border-bottom: solid 2px black;}.post a {  color: red;  // 以下两个CSS语句是.bordered 解析出来的  border-top: dotted 1px black;  border-bottom: solid 2px black;}