@extend指令用于共享規(guī)則和選擇器之間的關系。它可以擴展所有其他類的樣式在一個類中，也可應用于自己特定的樣式。

　　查看如下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; }

?

更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的scss-@extend的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。