造型的引導下拉菜單

我不知道爲什麼我的CSS沒有打我的HTML和正確的樣式。造型的引導下拉菜單

HTML：

<li class="dropdown"> 
    <a href="#" data-toggle="dropdown" class="dropdown-toggle">Page 2 <b class="caret"></b></a> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Page 2.0.0 </a></li> 
     <li class="divider"></li> 
     <li><a href="#">Page 2.0.1 </a></li> 
     <li class="divider"></li> 
     <li><a href="#">Page 2.0.2 </a></li> 
    </ul> 
</li>

CSS：

.dropdown-menu li:hover{ 
    background-color: green; 
}

類dropdown-menu應該被擊中，然後當你將鼠標懸停在它裏面的li的。我曾嘗試添加一個id作爲下拉菜單，並將CSS更改爲#dropdown-menu，但它沒有區別。
此外，有沒有一種簡單的方法來找出如何擊中適當的元素，因爲我發現這是一個常見的問題？

來源

2015-10-12 The Beckoning Bull

你能提供一個jsfiddle嗎？ – Paran0a

你確定你的意思是顏色？我認爲，事實上，他們是鏈接將覆蓋顏色屬性https://jsfiddle.net/5mbtxn71/1/ – OliverRadini

https://jsfiddle.net/bf1cyptm/ –

確定這裏我們去，

這裏是你的問題的工作液，

.dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover { 
    clear: both; 
    background-color: green !important; 
    background-image:none !important; 
    display: block; 
    font-weight: 400; 
    line-height: 1.42857; 
    padding: 3px 20px; 
    white-space: nowrap; 
    color: black !important; 
}

我剛纔編輯的代碼 http://jsfiddle.net/bf1cyptm/1/

來源

2015-10-12 11:39:06

的部分沒有變化遺憾的是 –

這裏是工作示例：http://jsfiddle.net/bovfLosx/ –

jsfiddle.net/bf1cyptm你能得到它在這裏工作 –

-2

試試這個

.dropdown-menu li:hover .dropdown-menu li a{ 
     color: green; 
    }

來源

2015-10-12 11:39:57

不好意思 –

你有沒有試過！重要 –

如果您打算有兩個不同的選擇器，則需要用逗號（'，'）分隔它們。 –

嘗試在CSS中添加!important像：

.dropdown-menu li a:hover{ 
    background-color:green !important; 
}

如果它不工作，它可能是不讓它發生一些其他的CSS代碼。所以解決方案是做一個檢查元素，看看哪個元素影響它。
如果你不是專家，而不是最好的解決方案。請dropdown-menu等之後只需添加一個新的類：

<ul class="dropdown-menu colorchange">

，並通過調用它的CSS這樣的：

.colorchange li a:hover{ 

    background-color: green; 

}

它應該工作！您也可以在這裏使用important。

來源

2015-10-12 11:51:46 user2906608

造型的引導下拉菜單

回答

相關問題