在 SASS 中恢复 @extend

Question

我想在某些条件下@extend 一个类，在其他条件下撤销该@extend

<div class="myclass">
 <div class="not_special">
</div>
</div>

所以当没有 .not_special 孩子时，它会是

.myclass
  @extend .special

当有一个 .not_special 孩子时

.myclass:has(.not_special)
  //revoke the previous @extend

我不能使用 javascript 添加或删除类，因为事件没有明确定义，因为可能有很多事件并且不可能全部捕获

Answer 1

使用:not伪类

.myclass:not:has(.not_special)
    @extend .special

这会将@extend 应用于所有.myclass，除非他们有一个孩子.not_special