如何选择作为锚元素的直接父元素的<li>元素？
例如，我的CSS应该是这样的：
li < a.active {
property: value;
}
很显然，JavaScript有很多方法可以做到这一点，但我希望有某种变通方法可以在CSS Level 2中使用。
我正在尝试设置样式的菜单被CMS弹出，因此我无法将活动元素移动到<li>元素。。。（除非我对菜单创建模块进行主题化，否则我不想这样做）。
当前回答
我认为你不能只在CSS中选择父级。
但由于您似乎已经有一个.active类，所以将该类移动到li（而不是a）会更容易。这样，您只能通过CSS访问li和a。
其他回答
这是Selectors Level 4规范中讨论最多的方面。这样，选择器就可以通过在给定的选择器（！）后面使用感叹号来根据其子元素设置元素的样式。
例如：
body! a:hover{
background: red;
}
如果用户悬停在任何锚点上，将设置红色背景色。
但我们必须等待浏览器的实现：(
基于子元素更改父元素当前只能在父元素中有＜input＞元素时发生。当输入获得焦点时，其对应的父元素可能会使用CSS受到影响。
以下示例将帮助您理解在CSS中使用：focus in。
.外部div{宽度：400px；高度：400px；填充：50px；浮动：左侧}.outer div：聚焦在{背景：红色；}.内部div{宽度：200px；高度：200px；浮动：左侧；背景：黄色；填充：50px；}<div class=“outer div”><div class=“inner div”>我想根据inner-div更改外部div（背景色）类。有可能吗？<input type=“text”placeholder=“Name”/></div></div>
如果子代具有焦点，则内的伪元素：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>
我会雇佣一些JavaScript代码来实现这一点。例如，在React中，当您遍历数组时，向父组件添加另一个类，这表明它包含您的子组件：
<div className={`parent ${hasKiddos ? 'has-kiddos' : ''}`}>
{kiddos.map(kid => <div key={kid.id} />)}
</div>
然后简单地：
.parent {
color: #000;
}
.parent.has-kiddos {
color: red;
}
我知道OP正在寻找CSS解决方案，但使用jQuery很容易实现。在我的例子中，我需要为包含在子<li>中的<span>标记找到<ul>父标记。jQuery具有：has选择器，因此可以通过它包含的子项来标识父项：
$("ul:has(#someId)")
将选择具有id为someId的子元素的ul元素。或者，为了回答最初的问题，应该使用以下方法（未经测试）：
$("li:has(.active)")
