html - 选择除悬停一个 CSS 之外的所有链接

Question

我正在尝试制作一个 CSS 选择器来匹配除悬停链接之外的所有链接。当然，我想使用 ~ 运算符来捕获元素:

a:hover ~a

这很好用，但它只匹配悬停元素之后的元素，我也想获得之前的元素。所以我想用这个:

a:hover ~a,  a ~a:hover

但没有成功。

---

这是一个JSFiddle这说明了我在说什么。
当然我知道我可以使用 jQuery 轻松做到这一点，但是当我认为可以避免使用 javascript 时，我喜欢尽可能多地利用 CSS。

Answer 1

由于 CSS 选择器基于 DOM 层次结构的工作方式及其有限的遍历潜力，​​如果不使用 JavaScript，您将无法明确地执行您想要的操作。

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

Demo Fiddle

(and an alternative)

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