Handling parent state vs child state with SASS
.papa {
&-enfant {
&.selected {}
.danger & {}
}
}
<div class="papa">
<div class="papa-enfant"></div>
<div class="papa-enfant selected"></div>
</div>
<div class="papa danger">
<div class="papa-enfant"></div>
</div>