styling выпадающее меню бутстрапа

Я не уверен, почему мой CSS не ударяет по моему HTML и правильно его укладывает.styling выпадающее меню бутстрапа

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-х внутри него. Я попытался добавить идентификатор в качестве раскрывающегося меню и сменить 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

без изменений к сожалению –

вы пробовали!important –

Если вы намеревались иметь два разных селектора, вам нужно разделить их запятой (','). –

Попробуйте добавить !important в CSS, как:

.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

styling выпадающее меню бутстрапа

ответ

Смежные вопросы