Отключить наведение на активную ссылку - PullRequest
Новая
       22

Отключить наведение на активную ссылку

0 голосов
/ 03 ноября 2018

Я пытаюсь выяснить, как не переопределить активную ссылку при наведении. 

<style>
.primary-nav-wrapper nav a:active, .primary-nav-wrapper nav .active>a  {
    border-bottom: 3px solid #4F579D;}
.primary-nav-wrapper nav a:hover:not([active]) {border-bottom: 3px solid #DFE1E5;}
</style>

1 Ответ

0 голосов
/ 06 ноября 2018

У меня нет вашего кода, поэтому я не могу помочь вам в полной мере, но я постараюсь.

Я думаю, что у вашего CSS есть фундаментальная проблема. Я думаю, что вы хотите это:

  • При наведении на a выделите серую рамку.
  • Если активен, выделите a синей рамкой.
  • Если кто-то парит и активирует a, он должен по-прежнему быть синим .

Если это ваша проблема, вот рабочий код: 

.primary-nav-wrapper nav a:hover  {
    border-bottom: 3px solid #DFE1E5;
}
    
.primary-nav-wrapper nav a:hover:active {
  border-bottom: 3px solid #4F579D;
}
<div class="primary-nav-wrapper">
  <nav class="active">
    <a>test</a>
  </nav>
  <nav class="active">
    <a>test</a>
  </nav>
  <nav class="active">
    <a>test</a>
  </nav>
</div>
...