Отмена цвета фона при наведении

198

26 февраля 2019, 06:30

Например, если наводим на 2ой или 3й блок, то у первого блока цвет становится как у остальных - серый. Если курсор за пределами всех блоков, то у первого блока опять красный цвет

.test { 
  display: inline-block; 
  padding: 20px; 
  background: #ccc; 
} 
 
.active { 
  background: red; 
} 
 
.test:hover { 
  background: red; 
}

<div class="test active"> blah </div> 
<div class="test"> blah </div> 
<div class="test testhover"> blah </div>

Answer 1

оберните все блоки в обертку .wrapper, и добавьте правило для .wrapper:hover .active с нужными цветом

.wrapper { display: inline-block; } 
.test { 
  display: inline-block; 
  padding: 20px; 
  background: #ccc; 
} 
 
.wrapper:hover .active { background: #ccc; } 
 
.active { 
  background: red; 
}  
.test:hover   {  
  background: red !important; 
}

<div class="wrapper"> 
  <div class="test active"> blah </div> 
  <div class="test"> blah </div> 
  <div class="test"> blah </div> 
</div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

SetSelectedTab в Android Studio

Я бы хотел сделать так, что бы нажатии кнопки в андроид приложении меня перекидывало на вкладку сайта, вот сам скрипт кнопки от сайта:

151

Как работает CancellationToken в TaskFactory.StartNew Method (Action, CancellationToken)?

Делаю:

159

Как разобрать txt файл?

Есть txt файл со следующей информацией:

192

Почему не обрабатывается сеттер?

У меня есть некоторое окно, вьюМодель к ней и контролОкно:

165