Css 悬停在“上”；“除了”以外的一切；又名；聚光灯“；效果：如何使平滑&；轻松悬停过渡？

Chris Coyier曾在CSS Tricks网站上发布过一篇文章，介绍如何实现这种效果：

ul:hover li:not(:hover) { opacity: .5; }

但我也在努力实现平稳、轻松的悬停过渡。我只是不确定如何或在哪里插入代码的“平滑悬停转换”部分

a {
  color: #cccccc;
  -webkit-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -ms-transition: color .5s linear;
  -o-transition: color .5s linear;
  transition: color .5s linear;
}

a:hover { color: #000000; }

---

请帮助。

您可以像这样选择

a

ul:hover li:not（：hover）a

ul{
列表样式类型：无；
}
李阿{
过渡：所有0.4s线性；
文字装饰：无；
颜色：黑色；
字体大小：20px；
}
ul:hover li:not（：hover）a{
颜色：浅蓝色；
}