如何选择作为锚元素的直接父元素的<li>元素？
例如，我的CSS应该是这样的：
li < a.active {
property: value;
}
很显然，JavaScript有很多方法可以做到这一点，但我希望有某种变通方法可以在CSS Level 2中使用。
我正在尝试设置样式的菜单被CMS弹出，因此我无法将活动元素移动到<li>元素。。。（除非我对菜单创建模块进行主题化，否则我不想这样做）。
当前回答
我知道OP正在寻找CSS解决方案，但使用jQuery很容易实现。在我的例子中，我需要为包含在子<li>中的<span>标记找到<ul>父标记。jQuery具有：has选择器，因此可以通过它包含的子项来标识父项：
$("ul:has(#someId)")
将选择具有id为someId的子元素的ul元素。或者，为了回答最初的问题，应该使用以下方法（未经测试）：
$("li:has(.active)")
其他回答
我会雇佣一些JavaScript代码来实现这一点。例如，在React中，当您遍历数组时，向父组件添加另一个类，这表明它包含您的子组件：
<div className={`parent ${hasKiddos ? 'has-kiddos' : ''}`}>
{kiddos.map(kid => <div key={kid.id} />)}
</div>
然后简单地：
.parent {
color: #000;
}
.parent.has-kiddos {
color: red;
}
CSS选择器“General Sibling Combinator”可能用于您想要的用途：
E ~ F {
property: value;
}
这匹配前面有E元素的任何F元素。
这是Selectors Level 4规范中讨论最多的方面。这样，选择器就可以通过在给定的选择器（！）后面使用感叹号来根据其子元素设置元素的样式。
例如：
body! a:hover{
background: red;
}
如果用户悬停在任何锚点上，将设置红色背景色。
但我们必须等待浏览器的实现：(
如果子代具有焦点，则内的伪元素：focus允许选择父代。
如果元素具有tabindex属性，则可以聚焦该元素。
浏览器支持
标签索引
实例
.parent:焦点在{背景：hsl（199deg，65%，73%）；}/*演示样式*/正文{边距：0；}.父级{背景：hsl（0，0%，80%）；最小高度：100vh；显示：栅格；放置内容：中心；}.儿童{背景：hsl（0，0%，0%）；颜色：白色；填充：3rem；大纲：0；光标：指针；字体：18px/1.25无衬线；宽度：20ch；}<div class=“parent”><div class=“child”tabindex=“1”>点击或关注我，我的父母会改变。</div></div>
我知道OP正在寻找CSS解决方案，但使用jQuery很容易实现。在我的例子中，我需要为包含在子<li>中的<span>标记找到<ul>父标记。jQuery具有：has选择器，因此可以通过它包含的子项来标识父项：
$("ul:has(#someId)")
将选择具有id为someId的子元素的ul元素。或者，为了回答最初的问题，应该使用以下方法（未经测试）：
$("li:has(.active)")
