Как я могу менять цвет hover на соединении внутри списка элементов?

Следующий - мой код:


Я нуждаюсь в том, чтобы изменить цвет элемента, сделав hover на, так как он является серым, как возможно видеть в изображении внизу. Мне хотелось бы мочь манипулировать цветами hover с CSS:

introducir la descripción de la imagen aquí

2
задан 13.04.2016, 15:48
1 ответ

Браузер выбирает CSS, который у большего количества совпадений есть с элементом в вопросе, следовательно правило CSS, которое лучше описывает структуру HTML, - та, которая будет использована.

nav.navbar-default > ul.nav > li.active > a:hover, nav.navbar-default > ul.nav > li.active > a:focus {
    background-color: red;
    color: white;
}

Ощутитесь, что два селектора имитируют структура HTML, который ты использовал в примере.

Важно упоминать, что, если ты используешь !important где-то, никакое другое правило не сможет зарабатывать его в этот модификатор. Следовательно ты будешь должен проверять, что класс active который ты используешь в в <li> не устанавливайте цвет фона используя !important.

В конце концов, если это правило не функционирует, я рекомендую тебе, что utilizes инспектор CSS (F12), чтобы видеть, что он упорядочивает эту будучи выбрана, как проверяет, что я не использовал !important и тогда создавать более специфическую одну.

СОВЕТ: Никогда не используй !important кроме того, что не будет часа, чтобы делать demo. Это сигнал плохого рисунка в структуре твоих CSS (s) и у него есть несколько невыгод, так как никакое другое правило не может зарабатывать его (если только я также использовал !important) даже не может быть измененным свойство CSS используя признак style html, что вмешивает книжные магазины javascript, что используют это свойство, чтобы делать Вашу магию.

1
ответ дан 24.11.2019, 14:36
  • 1
    пробуйте a:hover {background-цвет: yellow;}, но я это в и # 241; adio в slider не в navbar. Другой код: nav.navbar-default > ul.nav > li.active > a:hover, nav.navbar-default > ul.nav > li.active > a:focus {background-цвет: сеть; цвет: white;} я я не функционирую – Alejandro Ruiz 13.04.2016, 20:06
  • 2
    @AlejandroRuiz ты обратил внимание, что правило использует путь Инспектировать Элемент, и если у active есть !important? – rnrneverdies 13.04.2016, 20:10

Теги

Похожие вопросы