样式继承extend

sass语法:

新选择器 {

        @extend 要继承的选择器;

        // 其他样式

}

.active {
    color: blue;
    background-color: gray;
}

.submenu {
    @extend .active; // 继承.active选择器
    font-size: 14px;
}

less语法:

新选择器:extend(要继承的选择器) {

        // 样式

}

.active {
    color: blue;
    background-color: gray;
}

.submenu:extend(.active) { // 继承.active选择器
    font-size: 14px;
}

对比:

less是在定义新选择器的时候继承,而sass是在选择器内部继承

你可能感兴趣的:(前端,css)