JSFiddle - React, Tailwind, and code Playground

HTML

<div class="" id="target">
               I will disappear
                </div>
                
                
                <div class="hover_box">
                Hover me

                </div>

SCSS

#target {
  background-color: blue;
  height: 100px;
  width: 100px;
}

.hover_box {
  background-color: red;
  height: 100px;
  width: 100px;

    &:hover #target{
      display: none !important;
      /* background-color: green !important; */
    }
}