Sass SCS为子项使用父样式（文本）

我有下一个scss代码：

.btn{
字号：24pt；
颜色：红色；
&-小的{
字号：17号；
}
&-地中海{
字号：24pt；
}
&-大的{
字号：36pt；
}
}

因为您使用的是SCS，所以可以使用

@mixin

和

@include

：

@mixin btn {
    color: red;
}

.btn {
     @include btn;
}

.btn-smaall {
    @include btn;
    font-size: 17pt;
}

对于要创建的其余按钮类，您可以这样做

另一种方法是只添加选择器：

.btn{
字号：24pt；
颜色：红色；
&.btn小型{
字号：17号；
}
&.btn地中海酒店{
字号：24pt；
}
&.btn大{
字号：36pt；
}
}

您可以这样定义类（我的首选）：

btn

btn\uu small

然后，您可以根据需要使用SCS触发它：

.btn {
    font-size: 24pt;
    color: red;

    &__small {
        font-size: 17pt;
    }
}

---

这回答了你的问题吗@subarachnid是的，谢谢你，但是我写了一些我不好的类，添加了另一个解决方案，它允许你只在类的顶部使用一个类post@kitsoRik添加了一个

@mixin

的示例，以及如何使用

@include

关键字来实现您想要的，但是我写了几个类