Html 使用hover和作为链接使DIV工作

我正在尝试制作一个div，它改变了你悬停时的行为（反转背景和徽标的颜色），也是一个链接

我已经设法使这两种行为（作为链接和反转颜色）正常工作，但只能独立工作——我无法使这两种行为一起工作

我怀疑这是因为span标记创建了链接，但无法确定：

.full_box a span {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1
}

您可以在此处看到我的代码：

---

提前感谢

如果您将

div

添加到

a

元素中，它将工作。例如：

.big box{
背景：青色；
边框：1px纯黑；
高度：200px；
宽度：100px；
}
.大盒子a{
边界：无；
保证金：0；
填充：0；
}
.小盒子{
背景：白色；
高度：100px；
宽度：100%；
}
.小盒子：悬停{
背景：红色；
}

我应该说-我已经在AnalysisDiv中注释掉了链接，你可以看到你是否取消注释了悬停是如何工作的。好的，谢谢-我会尝试一下，尽管我实际上也成功地修复了它！总是这样，我花了好几个小时在上面胡闹，然后我一问这个问题，我就把它修好。无论如何，谢谢你。