Эфект при наведение мышкой css

152
29 апреля 2019, 17:40

при наведение на ссылку она меняет свой цвет во так 

#bar > li > a:hover {
    color: #fff;
}

Но если убрать мышку она снова меняет цвет на прежний. Как сделать так чтобы после наведения на элемент новый цвет текста сохранялся если мы убираем мышку с элемента, и менялся на предидущий, только если мы навели мышку на другой такой же элемент,(соответственно у второго цвет меняется на новый у первого на старый). Как в меню . ????

Answer 1

Без JS тут никак, вот пример функции для одного пункта

var element = document.getElementById("link"); 
element.onmouseover = function() { 
	this.setAttribute("style", "color:red;"); 
}
#bar > li > a { 
    color: green; 
}
<ul id="bar" style=""> 
  <li> 
    <a href="#" id="link">Test</a> 
  </li> 
</ul>

READ ALSO
Как разделить регистрационную форму на 2 части
HTML

Как разделить регистрационную форму на 2 части

Есть большая регистрационная форма с более чем 20+ полямиИдея заключается в следующем, разделить ее на две формы, в 1 форму оставить обязательные...

 139
Скролл до элемента
HTML

Скролл до элемента

Как сделать так, чтобы срабатывало событие, когда элемент находится посередине экрана, как на этом сайте https://byjaktcom/contact/?

 128
Проблема с непрямоугольным блоком
HTML

Проблема с непрямоугольным блоком

Верстаю секцию с выбором прайсингов в данный момент по макету (скриншот приложил)Идея в том, что при наведении на каждый из блоков через mouseover/mouseout...

 141
Почему гугл не видит мой сайт?
HTML

Почему гугл не видит мой сайт?

Не могу понять почему гугл не находит мой сайтПрописал ключевые слова, сделал все настройки, копирую ключевое слово в строку гугла, но он не находит

 153