11：sass中占位符的使用

sass中占位符的使用

sass中的占位符%placeholder声明的代码，如果不被@extend调用，不会被编译到css中，从而不会形成冗余代码，而且编译出来的代码会合并到一起，推荐使用

sass

%mt5{
  margin-top: 5px;
}
%pt5{
  padding-top: 5px;
}
.box{
  @extend %mt5;
  @extend %pt5;
}
.nav{
  @extend %mt5;
  a{
    @extend %pt5;
  }
}

css：

.box, .nav {
  margin-top: 5px; }

.box, .nav a {
  padding-top: 5px; }