我正在尝试制作一个 CSS 选择器来匹配除悬停链接之外的所有链接。
当然我想使用~捕获周围元素的运算符：
a:hover ~a
这工作正常，但它只匹配悬停元素之后的元素，我也想获取之前的元素。所以我想用这个：
a:hover ~a, a ~a:hover
但没有成功。
这里有一个JSFiddle这表明了我在说什么。
当然，我知道我可以使用 jQuery 轻松做到这一点，但当我认为可以避免使用 javascript 时，我喜欢尽可能多地利用 CSS。
由于 CSS 选择器基于 DOM 层次结构的工作方式及其有限的遍历潜力，如果不使用 JavaScript，您就无法明确执行您想要的操作。
但是，鉴于我想象您想要实现的目标，为什么不将悬停应用于父元素并排除当前悬停的元素a?
演示小提琴
（以及替代方案）
div:hover a:not(:hover){
color:red;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
