嵌套列表懸停行

我有一個嵌套列表，並且我想爲它們在被徘徊時的行添加樣式。但我不想徘徊父母「李」。我在「李」裏面有隨機元素，所以我不能引用子元素，這些列表元素是組。嵌套列表懸停行

樣本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

嵌套列表懸停行

回答

相關問題