SCSS扩展嵌套选择器并覆盖嵌套规则集

Sass没有“合并”重复选择器的功能。编译CSS之后，您需要找到另一个实用程序来执行此 *** 作。

该

@extend

@extend

.block {  font-size:12px;}.foo {    @extend .block;    font-weight: bold;}

输出：

.block, .foo {  font-size: 12px;}.foo {  font-weight: bold;}

使用扩展类只会抑制原始类名的发出。

既然您已经了解了为什么能如此

@extend

@extend

@mixin block {    // styles    .title {        font-size: 12px;        @content;    }}.superblock {    @include block {        font-weight: bold;    }}

输出：

.superblock .title {  font-size: 12px;  font-weight: bold;}