@extend指令用于共享规则和选择器之间的关系。它可以扩展所有其他类的样式在一个类中,也可应用于自己特定的样式。

    1. .style{
    2. font-size: 30px;
    3. font-style: italic;
    4. }
    5. h2{
    6. color: #787878;
    7. @extend .style
    8. }
    9. .container{
    10. @extend h2
    11. }

    编译后的css代码如下:

    1. .style, h2, .container {
    2. font-size: 30px;
    3. font-style: italic;
    4. }
    5. h2, .container {
    6. color: #787878;
    7. }