9. scss的placeholder

如果多个选择器都需要写一段相同的css代码，比如clearfix
那么可以将这段代码写在%开头的选择器里

%clearFix {
  &::after{
    content: '';
    display: block;
    clear: both;
  }
}

这里的%clearFix其实是占位符，代码编译后会被引用这段代码的选择器取代
如果有地方要clearFix, 只需要@extend + placeholder

div {
  @extend %clearFix;
  /* 其他css */
}

注意，scss不是把placeholder里的css复制到引用了它的选择器里，而是用选择器替换%开头的placeholder, 这样只会有一段placeholder里的css代码。