scssのパーセント記号（%）

sassのソースにあるパーセント記号%は、cssにコンパイルすると消えますが@extendで継承はできます。

html:

<div class="color1">
red
</div>

<div class="color2">
red
</div>

<div class="color3">
blue
</div>

scss:

%color0 {
  color: blue;
}

.color1 {
  color: red;
}

.color2 {
  @extend %color1;
}

.color3 {
  @extend %color;
}