引導導航欄下拉菜單懸停顏色折疊不起作用

Question

我有這個CSS代碼

.dropdown-menu > li > a:hover {
    background-color: #85E6FF;
    background-image: none;
}

當窗口最大化時，它可以正常工作，當懸停時，我的下拉菜單的顏色為＃85E6FF。 但是當折疊時（例如在我的手機上），當鼠標懸停或單擊時，顏色都不會改變。 我怎樣才能解決這個問題？

Answer 1

這是因為引導樣式比用於移動版本的選擇器更具體。

當您有兩個或多個CSS塊，其選擇器選擇相同的元素，並且都嘗試設置相同的屬性時，則具有更具體選擇器的塊將勝出。

檢查一下：

您可以使用！important，也可以使用更具體的選擇器，例如：

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    background-color: #85E6FF;
    background-image: none;
}