Example

by Abhishek Kumar

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/Adjacent_sibling_selectors -->

<ul>
  <li>
    <div>
      xyz
    </div>
    <span>abc</span>
  </li>
  <li>
    <div>
      xyz
    </div>
    <span>abc</span>
  </li>
  <li>
    <div>
      xyz
    </div>
    <span>abc</span>
  </li>
</ul>

CSS

div:hover + span {
  color: red;
}