Sass没有“合并”重复选择器的功能。编译CSS之后，您需要找到另一个实用程序来执行此操作。
该
@extend指令不仅是使用类代替mixin的一种方式（类似于LESS风格的mixin调用）。
@extend当您扩展普通类而不是扩展类时，为什么工作的方式变得很清楚：
.block { font-size:12px;}.foo { @extend .block; font-weight: bold;}输出：
.block, .foo { font-size: 12px;}.foo { font-weight: bold;}使用扩展类只会抑制原始类名的发出。
既然您已经了解了为什么能如此
@extend运作， 您是否还想要
@extend提供什么？ 如果答案是否定的，那么您需要使用mixin：
@mixin block { // styles .title { font-size: 12px; @content; }}.superblock { @include block { font-weight: bold; }}输出：
.superblock .title { font-size: 12px; font-weight: bold;}
