Less

1. 公共属性 ：

定义变量: @变量名:变量值 
使用变量: 属性:@变量名

2.嵌套

 .container{  
        .row{
            div{
                /* *** */
            }
        }
    }

3.&

& 运算符表示嵌套规则的父选择器,在修改类或伪类时常用;

3.1交集选择器：

 /*css语法*/
    li.active{
        color:#666;
    }
  /* less语法 */
    li{
        &.active{
            color:#666;
        }
    }

 3.2 伪类

/* css语法 */
    a:hover{
        color:#ccc;
    }
/* less语法 */
    a{
        &:hover{
        color:#ccc;
        }
    }

3.3 伪元素

/* css语法 */
    div::before{
        content:"";
    }
 /* less语法 */
    div{
        &::before{
            content:"";
        }
    }

3.4 兄弟选择器

div{
        &+div{
            /* *** */           
        }
        &~div{  
            /* *** */
        }
    }