<分区>
标签 css css-selectors
<分区>
Possible Duplicate:
CSS :checked - change <td> background
Is there a CSS parent selector?
<ul class="submenu">
<li><a href="...">Submenu 3</a></li>
<li><a href="..." >I need to select this element</a>
<ul class="submenu">
<li><a href="...">Sub-submenu 3</a></li>
<li><a href="...">I need to select this element</a>
<ul class="submenu">
<li><a href="...">Sub-sub-sub 1</a></li>
<li><a href="...">Sub-sub-sub 2</a></li>
基本上,我需要选择每个 <li>
位于 ul
之前的元素带有 class="submenu"
的元素(ul class="submenu"
的父级)
我需要选择这个元素
最佳答案
目前仅靠 CSS 无法做到这一点。功能 is currently being specced ,但实际上在相当长的一段时间内(如果有的话)它不会供公众使用。
/* Only matches LIs with a UL.submenu descendant */
li:has(> ul.submenu) {
background:red;
}
注意:根据当前的编辑草案,提供的示例是有效的,但语法可能会更改,或者功能可能会在浏览器供应商之前完全删除开始实现它。
关于CSS 选择位于另一个元素之前的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10933084/