@extend指令用於共享規則和選擇器之間的關系。它可以擴展所有其他類的樣式在一個類中,也可應用於自己特定的樣式。
查看如下scss@extend示例:
.style{ font-size: 30px; font-style: italic; } h2{ color: #787878; @extend .style } .container{ @extend h2 }
編譯后的css代碼如下:
.style, h2, .container { font-size: 30px; font-style: italic; } h2, .container { color: #787878; }