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

　　查看如下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è)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com

總結(jié)

以上是生活随笔為你收集整理的scss-@extend的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。