JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div>div 1
  <div>div 2
    <div>div 3</div>
    <div>div 4
      <div>div 5
        <div>div 6</div>
        <div>div 7</div>
        <div>div 8
          <span>span 1</span>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

span {opacity:0}
div > div > div:hover + div > div > div:nth-child(3) > span {opacity:1}