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