親要素にCSSを適用する方法は？

Question

私はCSSで新しく、親のスパンの背景色を設定する際に、色の子スパンのクラスに基づいて助けが必要です。

例えば、私はその最初のスパン子がクラスbackground_blue

MY HTML持っている場合<span class="aciTreeItem">の青色の背景を設定したい：

<span class="aciTreeItem"> 
    <span class="aciTreeIcon icon-server-not-connected background_blue"></span> 
    <span class="aciTreeText">AWS(Cluster-1)</span> 
</span> 

マイCSS：

span.aciTreeItem:has(.background_blue) 
{ 
    background: blue; 
} 

しかし、これはあるが働いていない、お勧めします。

Answer 1

span.aciTreeItem >.background_blue{ 
 
background:blue; 
 
}

<span class="aciTreeItem"> 
 
    <span class="aciTreeIcon icon-server-not-connected background_blue">cvcv</span> 
 
    <span class="aciTreeText">AWS(Cluster-1)</span> 
 
</span>