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

Posted 2023-03-06

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

【英文标题】：If element have a child with class ".foo" style it like this [SASS] [duplicate]

【发布时间】：2021-04-01 08:07:00

【问题描述】：

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

<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：用另一种方式设置它。

【问题讨论】：

那么您可以在其子类上应用两个不同的 CSS。

【参考方案1】：

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