【发布时间】:2016-08-11 12:44:48
【问题描述】:
我正在尝试将 :not 选择器与 :hover 结合使用以使未悬停的元素变为半透明。
我想要达到的目标:
1) 每个元素从一开始都是 100% 的不透明度
2) 当一个元素被悬停时,它应该保持 100% 的不透明度,其余的保持 50% 的不透明度。
我尝试了类似的方法:
.news-item:not(:hover) {
@include opacity(0.5);
}
【问题讨论】:
我正在尝试将 :not 选择器与 :hover 结合使用以使未悬停的元素变为半透明。
我想要达到的目标:
1) 每个元素从一开始都是 100% 的不透明度
2) 当一个元素被悬停时,它应该保持 100% 的不透明度,其余的保持 50% 的不透明度。
我尝试了类似的方法:
.news-item:not(:hover) {
@include opacity(0.5);
}
【问题讨论】:
我会使用标准选择器使所有项目 50% 不透明,并用 :hover 覆盖它以使悬停的项目 100% 不透明。
请参阅下面的小提琴示例:
https://jsfiddle.net/25784cvg/
编辑: 再次查看问题,这不是您要问的。道歉。请参阅下面的更新小提琴示例,该示例以 100% 不透明度的所有项目开头。
【讨论】: