有没有办法根据类中子元素的类来选择父元素

小编典典

有没有办法根据类中子元素的类来选择父元素

all

有没有办法根据类中子元素的类来选择父元素？与我相关的示例与 http://drupal.org的一个不错的菜单插件的
HTML 输出有关。输出呈现如下：

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

我的问题是是否可以将样式应用于包含带有活动类的锚的列表项。显然，我更希望将列表项标记为活动，但我无法控制生成的代码。我可以使用javascript（想到JQuery）来执行这种事情，但我想知道是否有办法使用CSS选择器来做到这一点。

为了清楚起见，我想将样式应用于列表项，而不是锚点。

阅读 82

2022-04-02

共1个答案

小编典典

不幸的是，没有办法用 CSS 做到这一点。

不过，使用 JavaScript 并不是很困难：

// JavaScript code:
document.getElementsByClassName("active")[0].parentNode;

// jQuery code:
$('.active').parent().get(0); // This would be the <a>'s parent <li>.

2022-04-02