JSFiddle - React, Tailwind, and code Playground

HTML

<article class="leading-0">
    <h2>
        <a href="link">link title</a>
    </h2>
    <ul class="actions">
        <li class="print-icon">
            <a href=""><img src="" />dsada</a>
        </li>
        <li class="email-icon">
            <a href=""><img src="" />dsad</a>
        </li>
    </ul>
    <dl class="article-info">
        <dt class="article-info-term">...</dt>
    </dl>
    <p>...</p>
</article>

CSS

.hover {
    color: red;
}

JavaScript

$("ul.actions li").hover(function(){
   $(this).parent().prev().find('a').toggleClass("hover");
});