JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
<li> Immortality for everyone via regenerative medicine.</li>
    <li> All <span class="reslimitless">resources limitless</span> due to limitless intelligence.</li>
<li> All governments, crimes, and wars are obsolete.</li>
    <li> All jobs obsolete. <a class="everythingfree" href="http://google.com">Everything is free</a> for everyone.</li>
</ol>


<div class="hover">Hover over me!<div class="s s1"></div><div class="s s2"></div><div class="s s3"></div></div>

CSS

.reslimitless:hover, .reslimitless:hover > .everythingfree :nth-child(3)

{
    border-radius: 2px;
    box-shadow: 0px 0px 0px 2px lightblue;
    padding: 0px 3px;
    margin: 0px -3px;
    background: lightblue;
}