javascript - 在 CSS 中设置子元素的父元素样式

Question

如果您能就此事提供任何帮助，我将不胜感激。我正在尝试为特定子元素的父元素设置样式。

由于技术限制，这在 CSS 中似乎是不可能的，但我想知道在 JavaScript 中是否有可用的解决方案可以实现这一点？

我正在尝试改变父级 <a> <ul class="children"> 的元素子元素，只有当 <a>元素有 class="active" .例如还会有其他<a>带有 <ul> 的元素我不想设置样式的不活动的子元素。

如果您知道任何能够实现此目的的解决方案，我们将不胜感激!虽然我熟悉 CSS，但我的 JavaScript 能力不足以自己编写。

<ul class="menu">  
    <li>  
        <a class="active">Active Page</a>
        <ul class="children">
            <a>Something here </a>
        </ul>
    </li>  
    <li>    
        <a>Some Other Page</a>  
        <ul class="children">
            <a>Something here</a>
        </ul>
    </li>  
</ul>

Answer 1

我建议您设置 a.active 样式。 (或者我没理解问题？)

即

a.active {
  background-color: pink;
}