0

可能重复:
CSS :checked - 更改 <td> 背景
是否有 CSS 父选择器?

        <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>位于( 's parent)ul元素之前的每个元素class="submenu"ul class="submenu"

我需要选择这个元素

4

2 回答 2

5

目前仅使用 CSS 是不可能的。该功能目前正在规范中,但在相当长的一段时间内(如果有的话)实际上不会供公众使用。

 /* Only matches LIs with a UL.submenu descendant */
 li:has(> ul.submenu) {
  background:red;
 }

注意:提供的示例根据当前的编辑草案是有效的,但语法可能会改变,或者功能可能会在浏览器供应商开始实施之前完全删除。

最初取自https://stackoverflow.com/a/10436066/526741

于 2012-06-07T13:48:47.193 回答
0

这是不可能的。您最好的选择是使用 jQuery。这将为您提供许多选项来完成此任务。

根据下面的链接,看起来 CSS4 将能够指定您想要的元素。

有 CSS 父选择器吗?

于 2012-06-07T13:50:18.587 回答