悬停在图像上时使 h2 文本下划线

Question

jsfiddle.net/pxojrb1o/

您好，

我正在尝试在您将鼠标悬停在绿色图片上时为 'retro products' 文本添加下划线。如果我将绿色图片放在 h2 标签中，它就会错位。有人可以帮忙吗？

Answer 1

HTML：我在h2

中加了一个class

<h2 class="products"><a href="products.html">retro products</a></h2>

CSS

.home-featured-class:hover .products {
    text-decoration: underline;
}

有关详细信息，请参阅此线程：How to affect other elements when a div is hovered

make h2 text underline when hovering over image