在纯css中的新悬停处结束正在运行的转换

我试图用纯css结束（覆盖）正在运行的转换。试图覆盖的css代码不起作用；这不仅仅是被忽视，我也无法解释这种行为

下面是一个示例代码，其中有3个链接，每个链接后面跟着1

div

。之后添加了3个以上的

div

，仅用于测试

div{
背景色：白色；
宽度：50px；
过渡：全部；
过渡延迟：1s；
}
a:悬停~div{
宽度：50px；
颜色：红色；
}
a:悬停+俯冲{
宽度：100px；
转换延迟：0s；
}

链接1
文本1
链接2
tekst 2
链接3
tekst 3
tekst 4
特克斯特5
tekst 6

您就快到了，只需在

a:hover~div

中添加

transition:none

---

请查看此@Draval，它没有延迟效果。（在Firefox和Edge中测试）好吧，这不是很完美吗。多谢各位。但是我可以问你是否知道上面发生了什么吗？为什么

a:hover~div

在没有这个的情况下不能在底部

div

工作？