HTML将img和文本同时悬停

需要在img上添加边框颜色，并在悬停状态下为文本添加相同的颜色

谢谢大家!

我们开始：

div.prod{
最大宽度：100px；
最大高度：100px；
文本对齐：居中；
填充：20px；
}
生产部门{
宽度：100%；
高度：自动；
}
部门产品img：悬停{
边框：2倍纯红；
保证金：-2px；
}
产品a组：悬停+h5 a{
颜色：红色；
}

---

使用
+
选择器在带有
：hover
伪类的元素之后选择一个元素：


img：悬停{
边框：厚红色实心；
}
图像：悬停+飞行{
颜色：红色；
}

标题在这里
这可能是您需要的，您可能需要向下滚动一点才能看到文本


正文{
高度：300px；
}
.文本{
颜色：浅绿色；
显示：无；
}
img{
高度：200px；
宽度：200px；
显示：块；
}
img：悬停{
边框：3倍纯色浅绿色；
}
img:hover~.text{
显示：未设置；
显示：块；
填充顶部：40px；
}

形象
试试这个：


.prod{
文本对齐：居中；
}
h5{
颜色：#727176；
文本转换：大写；
边缘顶部：15px；
}
a{
文字装饰：无；
}
img{
边框：3倍纯色透明；
}
a:悬停img，a:悬停+h5 a{
边框：3倍纯红；
}

请分享一些代码这对于您向我们展示您的尝试非常重要，这样我们就可以分析您的代码并帮助您使用。鼠标悬停时会出现类似的情况。鼠标离开时为灰色，img边框为红色，鼠标悬停时为文本颜色“/>感谢信！！但是如果我只需要给图像和文本上色，而它们只是浏览图像或文本？因为在本例中，鼠标经过div时会激活悬停，并且在角落中没有href，仅在文本和图像中。谢谢小悟空：Dso边框和文字颜色也应该在不经过鼠标的情况下出现吗？嗯，对不起，我的英语不好。链接位于img和h5上，但当光标触摸div时，悬停处于活动状态，在h5的拐角处没有链接。。因为只有在img和h5标记中，但当我将鼠标悬停在文本上时，img的颜色不会改变。。没关系，老兄，我非常感谢你，如果你想不出其他什么，我会把你作为最好的答案