CSS hover

Наводим на один блок, меняется цвет в другом.

by akogch

HTML

<div class="a">Div A</div>
<div class="d">Div D</div>
<div class="c">Div C</div>
<div class="b">Div B</div>

CSS

.a:hover ~ .b {
  /* .a:hover ~ .b - если между элементами есть другие элементы */
  background: #007ffa;
}

.a:hover + .b {
  /* .a:hover ~ .b - если между элементами есть другие элементы */
  background: #007ffa;
}