如何在父元素上应用CSS？

Question

我是CSS的新手，我需要帮助根据子跨度类的颜色设置父跨度的背景颜色。

例如，如果第一个跨栏孩子有<span class="aciTreeItem">

，我想设置background_blue的蓝色背景

我的HTML：

<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>