Html 如何设置图像'；在悬停我的文本时，是否悬停？

我有以下html：

<a href="link.html" >
        <img src="image.png class="bw" ></img>
        Some text
    </a>

所以当我把鼠标放在我的图像上时，它会变成灰色，这就是我所期望的。但是，我的文本和图像是链接的一部分。当我的鼠标在我的图像上时，文本会加下划线，但它不会以另一种方式工作。我想我的图像变成灰色时，我的鼠标是在文本

我怎样才能做到这一点？因此，如果其中一个元素处于悬停状态，我希望中包含的所有元素都处于悬停状态。

选中此项，您只需添加此项即可

a:hover {
text-decoration:underline;
}

.bw{
/*对图像的影响*/
-webkit转换：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-moz转换：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-o型过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-ms过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
}
a:悬停img{
-webkit过滤器：灰度（100%）；
边框：5px实心#808080；
边界半径：50%；
}
a:悬停{
文字装饰：下划线；
}
a{
文字装饰：无；
}
a{
显示：内联块；
}

检查此项您只需添加此项

a:hover {
text-decoration:underline;
}

.bw{
/*对图像的影响*/
-webkit转换：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-moz转换：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-o型过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
-ms过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
过渡：所有0.3立方贝塞尔（1.000,0.835,0.000,0.945）；
}
a:悬停img{
-webkit过滤器：灰度（100%）；
边框：5px实心#808080；
边界半径：50%；
}
a:悬停{
文字装饰：下划线；
}
a{
文字装饰：无；
}
a{
显示：内联块；
}

---

您缺少一个

“

此处`您缺少一个

”

此处`回答很好，但是我建议在锚元素上设置

显示：内联块

或

显示：块

，以便在图像和文本之间移动指针时动画不会恢复。回答很好，但是，我建议在锚元素上设置

display:inline block

或

display:block

，以便在图像和文本之间移动指针时动画不会恢复。