Html 灰度双悬停效果

我正在努力使我的网站的社会媒体的影响。所有社交图标都在一个图标中，div具有悬停效果

过滤器：灰度（100%）

。我要做的是将我悬停的社交图标上的过滤器重置为

filter:grayscale（0%）

（再次给它上色）。我尝试了很多东西，但它似乎是错误的或至少对webkit

.social:hover:not（h3）{
滤镜：灰度（100%）；
不透明度：0.8；
-webkit转换：所有300ms线性；
}
.社会img{
宽度：32px；
高度：32px；
}
.facebook img:hover{
过滤器：灰度（%）；
不透明度：1；
}

保持联系！

为什么不删除整个声明

.social:hover:not（h3）{filter:grayscale（100%）；不透明度：0.8；-webkit转换：所有300ms线性；}

您也可以用注释将其注释掉

---

/*此处要删除的代码*/

您只需从社交悬停类中删除筛选行代码，如下所示：

.

social:hover :not(h3){
/*filter: grayscale(100%);*/
opacity: 0.8;
-webkit-transition : all 300ms linear;

}

您可以这样做：

.social:悬停{
-webkit转换：所有300ms线性；
}
.social:hover>div{
不透明度：0.5；
}
.social:hover>div:hover{
不透明度：1.0；
}

保持联系！

像这样的东西

小提琴

正文{
宽度：100%；
保证金：0；
}
.集装箱{
显示器：flex；
证明内容：中心；
宽度：100%；
字体大小：100px；
}
.项目{
显示器：flex；
证明内容：中心；
弹性：1；
}
我{
显示器：flex；
证明内容：中心；
颜色：红色；
}
.容器：悬停i{
滤镜：灰度（100%）；
}
.项目：悬停i{
滤镜：灰度（0%）；
}

我知道我解释得不好。我想要的是，通过将光标移动到社交媒体（Class=“Social”）容器上，所有图标都变为灰色，但光标所在的图标除外。我不知道怎么解释我知道我解释得不好。我想要的是，通过将光标移动到社交媒体（Class=“Social”）容器上，所有图标都变为灰色，但光标所在的图标除外。我不知道如何解释它..如何代替

。facebook img:hover{filter:grayscale（%）；opacity:1；}

使用

。facebook a:hover{filter:grayscale（%）；opacity:1；}

我试过了，但没用，这似乎是一个webkit错误，因为我用explorer打开了我的站点，并且过滤器重置工作正常。我知道我没有解释清楚。我想要的是，通过将光标移动到社交媒体（Class=“Social”）容器上，所有图标都变为灰色，但光标所在的图标除外。我不知道该怎么解释……是的，这就是我想要的效果，但是用灰度眼啊，类似的东西！你能帮我做这个和标签吗？它将帮助我alotIt非常简单，只是需要根据您的代码修改我的示例。据我所知，我取下了div包装的a标签，它们是不需要的。另外，请注意！重要的是，我加了一句：不客气。若要了解更多信息，请尽可能多地阅读，有时可能会变得非常棘手。