更改div的顏色 - HTML

我有一個子菜單的下拉菜單，由列表：當徘徊在更改div的顏色 - HTML

<ul> 
    <li class="list_item">Item 1</li> 
    <li class="list_item">Item 2</li> 
     <ul> 
     <li class="sub_list_item">Sub Item 1</li> 
     <li class="sub_list_item">Sub Item 2</li> 
     </ul> 
    <li class="list_item">Item 3</li> 
</ul>

我的CSS改變這些項目的background-color。我想要做的就是保持Item 2的背景顏色改變，同時將鼠標懸停在任何給定的Sub Item

任何簡單的方法來做到這一點？

CSS：

.list_item:hover { 
    background-color:green; 
} 
.sub_list_item:hover { 
    background-color:yellow; 
}

來源

2013-10-21 Kurai Bankusu

請出示你的CSS。 –

您的CSS與您的HTML不匹配 - 您的HTML中沒有'a'標籤。 – fbitterlich

有和我道歉，我只是懶惰 –

包裹項目2圍繞其<ul>標籤

<ul> 
    <li class="list_item">Item 1</li> 
    <li class="list_item">Item 2 
     <ul> 
     <li class="sub_list_item">Sub Item 1</li> 
     <li class="sub_list_item">Sub Item 2</li> 
     </ul> 
    </li> 
    <li class="list_item">Item 3</li> 
</ul>

來源

2013-10-21 19:57:42 roasstbeef

你可以使用直接子選擇>到針對特定li，而不是任何給定的li或ul。

jsFiddle here - 菜單我做了幾個星期前

用例：

#menu > ul > li:hover { 
    background: #2580a2; 
}

來源

2013-10-21 19:58:49

更改代碼，CSS

<ul class="item"> 
    <li class="list_item">Item 1</li> 
    <li class="list_item">Item 2</li> 
    <ul> 
     <li class="sub_list_item">Sub Item 1</li> 
     <li class="sub_list_item">Sub Item 2</li> 
    </ul> 
    <li class="list_item">Item 3</li> 
</ul>

CSS是

.item 
{ 
    color: #000000; 
    list-style-type: disc; 
} 

.item li:hover 
{ 
    color: #FFFFFF; 
    background-color: #336600; 
} 

.item ul li:hover 
{ 
    color: #FFFFFF; 
    background-color: #FF0000; 
}

享受... ...，然後選擇你的顏色不管你喜歡

的更多詳情，請.. http://www.mr-sudhir.com/blog/what-is-css.aspx

來源

2013-10-21 20:40:31

更改div的顏色 - HTML

回答

相關問題