嵌套列表悬停行

我有一个嵌套列表，并且我想为它们在被徘徊时的行添加样式。但我不想徘徊父母“李”。我在“李”里面有随机元素，所以我不能引用子元素，这些列表元素是组。嵌套列表悬停行

样本HTML：

<ul> 
    <li> 
     <ul> 
      <li> 
       <ul> 
        <li></li> 
        <li></li> 
        <li></li> 
       </ul> 
      </li> 
      <li> 
       <ul> 
        <li></li> 
        <li></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul>

而CSS：

ul { 
    list-style: none; 
    padding: 0; 
} 
ul li { 
    background-color: #EEE; 
    padding: 10px; 
    border: 1px dashed #AAA; 
} 
ul li:hover{ 
    background-color: rgba(140,191,38,0.3); 
}

来源

2014-03-07 Bergkamp

目前尚不清楚你想要做什么。你认为什么是'行'？也许你应该改变你的jsFiddle为每个关卡设置不同的名字，然后你可以清楚地指出这些元素的名字，以及你想要对他们做什么。 –

你需要充分说明在你的CSS最里面li：

ul>li>ul>li>ul>li:hover{ 
    background-color: rgba(140,191,38,0.3); 
}

如果你最内层的li存在于整个页面的不同深度，那么你需要指定一个类。

来源

2014-03-07 14:51:48 Blazemonger

为<ul>设置一个类，您想要有响应<li>。检查此fiddle

来源

2014-03-07 14:54:16 C1pher

<ul> 
    <li> 
     <ul> 
      <li> 
       <ul id='hover'> 
        <li></li> 
        <li></li> 
        <li></li> 
       </ul> 
      </li> 
      <li> 
       <ul> 
        <li></li> 
        <li></li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

ul#hover li:hover{ 
    background-color: rgba(140,191,38,0.3); 
}

来源

2014-03-07 14:56:47

嵌套列表悬停行

回答

相关问题