scss-@extend
@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; }
一步一个脚印,认真学下去,相信我们都会成为心目中的技术大牛!!!加油!!!