Sass语法小册-笔记迁移

Sass

1、@extend

一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。

.a{
        width: 100px;
        height: 100px;
        background-color: greenyellow;
 }
.b{
        @extend .a;
        background-color: orangered;//覆盖.a继承来的背景色
}
结果-》
.b[data-v-5d9daadb] {
    background-color: orangered;
}