CSS选择位于面前的另一元素的元素

可能重复：
CSS :checked - change <td> background
Is there a CSS parent selector?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>元素位于前ul元素与class="submenu"（ul class="submenu"'s亲本）

我需要选择这个元素

来源

2012-06-07 Omar

这是不可能的。你可以（做类似的事情）将'class ='submenu''移动到'li'，然后你可以使用'.submenu> ul'和'.submenu'。 – thirtydot

不是这个...... – BoltClock

@BoltClock你为什么关闭我的问题？这是什么重复？ – Omar

最初采取这是不可能的。你最好的选择是使用jQuery。那会给你很多选择来完成这个任务。

根据下面的链接，它看起来像CSS4将有能力指定你想要的元素。

Is there a CSS parent selector?

来源

2012-06-07 13:50:18 kwelch

这对于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

来源

2012-06-07 13:48:47 0b10011

CSS选择位于面前的另一元素的元素

回答

相关问题