<p>A normal paragraph with no direft children or any of that business.</p>

<p>This paragraph has a <a href="/" class="fancy-link"><span class="icon">fancy link</span></a> that matches our selector. But you have to tab to the link for the style to take effect.</p>

p:has(a.fancy-link:focus > .icon) {
  color: red;
}