选择除了仅悬停一个CSS之外的所有链接

Question

我正在尝试创建一个CSS选择器,匹配除了悬停的链接之外的所有链接.当然我虽然使用~运算符来捕捉元素:

a:hover ~a

这样可以正常工作,但它只匹配悬停的元素之后的元素,我也希望之前得到的元素.所以我虽然使用这个:

a:hover ~a,  a ~a:hover

但没有成功.

---

这是一个JSFiddle,显示了我在说什么.
当然我知道我可以用jQuery轻松完成它但我喜欢尽可能地利用CSS,因为我认为可以避免使用javascript.

Answer 1

由于CSS选择器基于DOM层次结构的工作方式以及它们有限的遍历潜力,​​您无法使用JavaScript而无需使用JavaScript.

但是,考虑到我想要实现的目标,为什么不将悬停应用于父元素并排除当前悬停a？

演示小提琴

(和另一种选择)

div:hover a:not(:hover){
    color:red;
}