Html 如何制作<；a>；在悬停覆盖中显示标记

首先，我对编码和这个网站几乎完全陌生，而且英语不是我的母语，所以请友善：）

我的问题是，悬停上有一个包含锚元素的图像覆盖。我没有成功地使锚点元素与覆盖div一起显示。我的方法是使用同级选择器，当我悬停覆盖div时，它会告诉锚点显示

希望你们能帮忙：）

.overlay{
显示器：flex；
位置：绝对位置；
证明内容：中心；
对齐项目：居中；
宽度：100%；
身高：98.5%；
排名：0；
底部：0；
左：0；
右：0；
-webkit转换：所有0.2秒易入易出；
背景色：rgba（1121531590.0）；
}
.覆盖{
字号：1em；
颜色：rgba（255、255、255、0.0）；
}
.覆盖：悬停{
背景色：rgba（1121531590.8）；
}
.overlay:悬停~.overlay a{
颜色：rgba（255，255，255，1）；
}

插图

a

是

.overlay

的子级。使用

.overlay:hover a

代替

。overlay:hover~。overlay a

。或

.overlay>a

（它只会影响第一级子级）。欢迎来到SO。作为旁注，您应该尝试为SO保存更复杂的查询。如果你提出了太简单的问题，人们会因为你没有表现出研究的努力而投反对票。很抱歉，在上面的评论中，“更好”的选择应该是

overflow:hover>a

。（忘记将

：悬停在：）中。非常感谢您提供的解决方案和提示：）我将在将来提出更复杂的问题