JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<span class="wrapper_productbox">
    <a href="P1.html" title="" class="product-image"><img src="http://placehold.it/310x310" width="210" height="210" alt=""/></a>
<div class="categoryProductBox">
    <div class="product-name">
        <a href="P1.html" title="PRODUCT NAME">PRODUCT NAME</a>
    </div>
</div></span>

CSS

a {
    color: blue;
}

.wrapper_productbox:hover .product-name a {
    color: red;
}