活动子项的父项的复杂CSS选择器

小编典典

活动子项的父项的复杂CSS选择器

css

有没有一种方法可以根据类中子元素的类来选择父元素？与我相关的示例与的漂亮菜单插件的HTML输出有关。输出呈现如下：

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

我的问题是，是否可以对包含带有活动类的锚的列表项应用样式。显然，我希望将列表项标记为活动状态，但我无法控制所生成的代码。我可以使用javascript执行此类操作（想到的是JQuery），但是我想知道是否可以使用CSS选择器来执行此操作。

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

阅读 355

2020-05-16

共1个答案

小编典典

不幸的是，CSS无法做到这一点。

使用JavaScript并不是很困难：

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

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

2020-05-16