@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;
}

 

相关文章:

  • 2022-12-23
  • 2021-12-11
  • 2022-12-23
  • 2021-06-20
猜你喜欢
  • 2022-12-23
  • 2021-08-13
  • 2021-06-22
  • 2022-12-23
  • 2021-07-12
  • 2021-06-05
  • 2021-07-27
相关资源
相似解决方案