Contiguous relatives in sass, how to set via :hover?

Question

css

Subject,

<div>
<div class="hover"></div>
<div class="opacity0"></div>
</div>

How to with :hover effect on .hover, give opacity property to .opacity0 element using sass? I did not find a solution for sass in the open spaces.

Answer 1

So:

.hover:hover + .opacity0 {
  opacity: 0;
}

Demo: https://jsfiddle.net/rockon404/hwxfw8au/