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

这个问题在这里已经有答案了
是否有CSS父选择器?

(32个答案)

八年前关闭的

有没有办法根据类中子元素的类来选择父元素?这个例子与我有关,它通过一个漂亮的菜单插件输出HTMLhttp://drupal.org. 输出呈现如下所示:

<ul class=“菜单”>
<李>
<a class=“active”>活动页面&lt/a>
&lt/李>
<李>
<a>其他页面&lt/a>
&lt/李>
&lt/ul>

我的问题是,是否可以将样式应用于包含带有活动类的锚点的列表项。显然,我更喜欢将列表项标记为活动,但我无法控制生成的代码。我可以使用javascript(我想到JQuery)执行这类操作,但我想知道是否有一种方法可以使用CSS选择器来实现这一点

为了清楚起见,我想对列表项应用样式,而不是锚定

根据维基百科:

选择器无法上升

CSS无法选择满足特定条件的元素的父元素或父元素。更高级的选择器方案(如XPath)将支持更复杂的样式表。然而,CSS工作组拒绝父选择器建议的主要原因与浏览器性能和增量渲染问题有关

对于将来搜索的任何人来说,这也可能被称为祖先选择器

更新:

选择器级别4规范允许您选择选择选择器的哪个部分是主题:

选择器的主题可以通过前缀显式标识
选择器中某个复合选择器的美元符号($)。
虽然选择器表示的元素结构是
相同,带或不带美元符号,表示本节中的主题
方法可以更改在该方法中表示主题的复合选择器
结构

示例1:

例如,以下选择器表示列表项LI的唯一子项
有序列表:

OL>李:独生子女

但是,下面的一个表示具有唯一子级的有序列表,
那孩子是李:

$OL>李:独生子女

这两个选择器表示的结构相同,
但选择器的主题不是

尽管这在任何浏览器或jQuery中都不可用(目前,2011年11月)

发表评论