less 的基本用法

@width: 1400px - 150px; // 变量

.container { // class
    width: @width;
    margin: auto;
}

.df { // class
    display: flex
}

ul {
    .container; // 直接引用class
    .df;// 直接引用class
    background-color: red;
    
    li { // 嵌套子级
        display: block;
        width: 200px;
        a {
            font-size: 20px;
            &:hover { // & 代表父级
                background-color: green;
            }
        }
    }
}