JSFiddle - React, Tailwind, and code Playground

by Ken Z

HTML

<span class="wrapper_productbox">
<a href="P1.html" title="" class="product-image"><img src="P1.jpg" 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

*{font-size:12px;font-family:Helvetica;}
.wrapper_productbox {width:210px;height:auto;}
a {text-decoration:none;color:#000}

JavaScript

$('.wrapper_productbox').hover(
    function() {
    $('.product-name a').css('color','green');
    },function() {
    $('.product-name a').css('color','#000');
    }
);