如何选择作为锚元素的直接父元素的<li>元素？
例如，我的CSS应该是这样的：
li < a.active {
property: value;
}
很显然，JavaScript有很多方法可以做到这一点，但我希望有某种变通方法可以在CSS Level 2中使用。
我正在尝试设置样式的菜单被CMS弹出，因此我无法将活动元素移动到<li>元素。。。（除非我对菜单创建模块进行主题化，否则我不想这样做）。
当前回答
下面是一个使用悬停指针事件的黑客：
<!doctype html><html><head><title></title><style>/*附件*/.父级{宽度：200px；高度：200px；背景：灰色；}父母亲.选择器{显示：柔性；对齐内容：中心；对齐项目：居中；}.选择器{光标：指针；背景：银色；宽度：50%；高度：50%；}</style><style>/*相关的*/.父级{背景：灰色；指针事件：无；}.parent:悬停{背景：紫红色；}父母亲.选择器{指针事件：自动；}</style></head><body><div class=“parent”><div class=“selector”></div></div></body></html>
其他回答
W3C排除了这种选择器，因为它会对浏览器产生巨大的性能影响。
在CSS 2中没有办法做到这一点。您可以将类添加到li中并引用a:
li.active > a {
property: value;
}
下面是一个使用悬停指针事件的黑客：
<!doctype html><html><head><title></title><style>/*附件*/.父级{宽度：200px；高度：200px；背景：灰色；}父母亲.选择器{显示：柔性；对齐内容：中心；对齐项目：居中；}.选择器{光标：指针；背景：银色；宽度：50%；高度：50%；}</style><style>/*相关的*/.父级{背景：灰色；指针事件：无；}.parent:悬停{背景：紫红色；}父母亲.选择器{指针事件：自动；}</style></head><body><div class=“parent”><div class=“selector”></div></div></body></html>
正如其他一些人所提到的，没有一种方法可以仅使用CSS来设置元素的父级，但以下方法适用于jQuery：
$("a.active").parents('li').css("property", "value");
从技术上讲，没有直接的方法可以做到这一点。但是，您可以使用jQuery或JavaScript进行排序。
然而，你也可以这样做。
a.active h1 {color: blue;}
a.active p {color: green;}
jQuery
$("a.active").parents('li').css("property", "value");
如果您想使用jQuery实现这一点，这里是jQuery父选择器的引用。
