Fatal编程技术网
  • css/
  • Css 在SASS中恢复@extend

Css 在SASS中恢复@extend

css sass

Css 在SASS中恢复@extend,css,sass,extend,Css,Sass,Extend,我想在某些条件下@extend一个类，在其他条件下撤销该@extend <div class="myclass"> <div class="not_special"> </div> </div> 当有一个特别的孩子时 .myclass:has(.not_special) //revoke the previous @extend 我无法使用javascript添加或删除类，因为事件没有明确定义，因为可能有许多事件，无法捕获所有事件 .my

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

<div class="myclass">
 <div class="not_special">
</div>
</div>
当有一个特别的孩子时

.myclass:has(.not_special)
  //revoke the previous @extend
我无法使用javascript添加或删除类，因为事件没有明确定义，因为可能有许多事件，无法捕获所有事件

.myclass:not:has(.not_special)
    @extend .special
这将把
@extend
应用于所有
.myclass
，除非他们有一个子
。非特殊
使用
：非
伪类


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



这将把
@extend
应用到所有
.myclass
上，除非他们有孩子
。非特别的
这将指的是.myclass.not特别的，我需要设计一个没有孩子的.myclass.not特别的抱歉-我误解了你的更新，所以现在答案应该是有效的。这将指的是.myclass.not特别的，我需要设计一个没有孩子的.myclass。不是特别抱歉-我误解了你的更新，所以现在答案应该是可能的重复