How to interact with block2 by hovering over block1?

Question

css

.a:hover .i
display: none it is
necessary that when you hover over the .a class, the .i class changes . The
above construction does not work. I write in sass

Answer 1

<div class="a"></div>
<div class="b"></div>

.a:hovet ~ .b {
 display:none;
}

or

.a:hovet + .b {
 display:none;
}