如果元素有一个具有类“.foo”样式的子元素，它就像这样 [SASS] [重复]

Question

我需要为父元素添加特定样式，但前提是该元素有一个具有确切名称的子元素。例如：

<div class="parent-element">
   ----! <div class="child-element-1></div> !----
   ----! or !----
   ----! <div class="child-element-2></div> !----
</div>

父元素可以有这个子元素之一。我正在寻找这样的东西：

.parent-element {
 parent: &;
 .child-element-1 {
   parent { 
    overflow: scroll;
  }
 }
}

这意味着，如果父母有一个孩子 1，就这样设置它，如果孩子 2：用另一种方式设置它。

Answer 1

在 CSS 中不允许子选择父选择器。最好的办法是使用 SASS 函数。