CSS 选择位于另一个元素之前的元素

标签 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;
 }

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

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

关于CSS 选择位于另一个元素之前的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10933084/

上一篇:html - 如何使用 CSS 设置我的 HTML 表单的样式

下一篇:css 选择器选择某个 div 内的所有元素

相关文章:

javascript - 获取标题文本的值(HTML,CSS)

html - 在同一行中放置 3 个元素

css - 使用 css 伪元素居中图形

javascript - css-vars 的回退

css - 如何使自定义 css 按钮响应?

html - Bootstrap .row类的正确用法

css - .something :first-child as a selector? 的性能

css - 多类选择器不起作用

css - 仅当存在 2 个类时,您才能使用 CSS 定位元素吗?

java - 使用cssSelector清除Chrome浏览器的浏览数据时,如何与#shadow-root(打开)中的元素进行交互