编译后的同个css样式为什么会分开

来源:4-15 [Sass]占位符 %placeholder

慕少4432244

2016-01-15 14:42

%mt5 {

  margin-top: 5px;

}


%pt5{

 padding-top:5px;

}

.btn {

  @extend %mt5;

  @extend %pt5;

}

编译后:

.btn{

   margin-top:5px;

 }


.btn{

padding-top:5px;

}

写回答 关注

1回答

  • 幽壑潜蛟
    2016-01-15 22:53:38

    这个是会分开的。 教程上面说的是多个类调用同一个占位样式,这多个类在一块儿,比如你再有一个.bbb{@extend %mt5;} 那生成出来的是。.btn, .bbb{margin-top: 5px;},你掉用的是两个占位样式是会分开的。

Sass入门篇

Sass入门视频教程,学会Sass使你摆脱重复编写代码的工作

104420 学习 · 263 问题

查看课程

相似问题