Css 悬停时，更改其他链接的不透明度

我想做一个简单的效果

将鼠标悬停在导航链接上，将使悬停的链接变为白色，而其他链接将降低不透明度

虽然听起来很简单，但我在这方面有点困难

.nav链接：悬停
{
颜色：rgba（255255,1）！重要；
}
.导航链接：悬停.导航链接
{
颜色：rgba（255255255.75）！重要；
}

由于CSS不支持以前的同级选择器或父选择器，如果您想使用CSS唯一的方法来实现，只有一种方法可以让它工作：

当整个

.navbar nav

元素悬停时，所有

.nav项

将淡出，例如，

不透明度：0.25

当任何一个

.nav项目

悬停时，它将淡入

不透明度：1

但是，此方法的一个要点是，它依赖于布局，并且只有当链接以某种方式收缩包装时，才能发挥最佳效果，从而使

中没有未由其子级填充的空白：

.nav项{
过渡：不透明度。25秒缓进缓出；
}
.导航栏导航：悬停.导航项{
不透明度：0.25；
}
.导航栏导航：悬停。导航项：悬停{
不透明度：1；
}

由于CSS不支持以前的同级选择器或父选择器，如果您想使用CSS唯一的方法来实现，只有一种方法可以让它工作：

当整个

.navbar nav

元素悬停时，所有

.nav项

将淡出，例如，

不透明度：0.25

当任何一个

.nav项目

悬停时，它将淡入

不透明度：1

但是，此方法的一个要点是，它依赖于布局，并且只有当链接以某种方式收缩包装时，才能发挥最佳效果，从而使

中没有未由其子级填充的空白：

.nav项{
过渡：不透明度。25秒缓进缓出；
}
.导航栏导航：悬停.导航项{
不透明度：0.25；
}
.导航栏导航：悬停。导航项：悬停{
不透明度：1；
}