混合（Mixin）是一种将一组属性从一个规则集包含（或混入）到另一个规则集的方法。假设我们定义了一个类（class）如下：

    1. .bordered {
    2.   border-top: dotted 1px black;
    3.   border-bottom: solid 2px black;
    4. }

    如果我们希望在其它规则集中使用这些属性呢？没问题，我们只需像下面这样输入所需属性的类（class）名称即可，如下所示：

    1. .bordered {
    2.   border-top: dotted 5px goldenrod;
    3.   border-bottom: solid 3px black;
    4. }
    6. div {
    7.    background-color: wheat;
    8.    width: 100px;
    9.    height: 200px;
    10.   .bordered();
    11. }
    13. .span {
    14.   color: rebeccapurple;
    15.   .bordered();
    16. }
    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>less</title>
    6.     <!-- 这里引入的是lessc styles.less styles.css编译后的css文件 -->
    7.     <link rel="stylesheet" type="text/css" href="./styles.css" />
    8. </head>
    9. <body>
    10.     <div>
    11.         <span class="span"> aaa </span>
    12.     </div>
    13. </body>
    14. </html>

    此时div和span便会同时包含了.bordered的样式属性
    image.png