Html 从具有连接元素的类扩展

我现在开始认真地与sass合作，但我还很不了解。我想知道如何以一种简单的方式将这些样式扩展到另一个类

我有这种款式

.active-state + label {
    font-size: 70%;
    padding: 0.8rem 2rem;
  }

并希望将其扩展到另一个位置（同一个文件）。因为如果我这样做：

.another-class{
    @extend .active-state;
}

不起作用

---

我是否需要执行mixin并将其包含在这两个类中，还是有办法避免这种情况？

您不能扩展嵌套选择器，但作为一种解决方法，您可以使用并扩展它：

%myStyles {
   font-size: 70%;
   padding: 0.8rem 2rem; 
}

.active-state + label {
   @extend %myStyles;
}

.another-class {
   @extend %myStyles;
}

它将汇编为：

.active-state + label, .another-class {
  font-size: 70%;
  padding: 0.8rem 2rem;
}

---

能否将第一个样式的名称而不是

.active state+label{

更改为

.active state.label{

并尝试再次扩展它，或者尝试创建另一个类并尝试使用单个名称扩展它？您也可以查看此链接以获取更多帮助@MohamedBdr label是一个HTML节点，而不是一个类。不是这样工作的！请查看此链接，因为我认为它对您有帮助