我正在尝试使用:not selector结合:hover来制作没有留下半透明的元素。
我想要实现的目标:
1)每个元素在开始时的不透明度为100%
2)当一个元素悬停时,它应该保持100%的不透明度,其余的不透明度为50%。
我尝试过类似的事情:
.news-item:not(:hover) {
@include opacity(0.5);
}
答案 0 :(得分:0)
我会使用标准选择器将所有项目设为50%不透明,并使用:hover
覆盖它以使悬停项目100%不透明。
请参阅下面的小提琴示例:
https://jsfiddle.net/25784cvg/
修改强>: 再看一下这个问题,那不是你要问的问题。道歉。请参阅下面更新的小提示,以获得100%不透明度的所有项目开始的示例。