【发布时间】：2017-01-04 16:08:32
【问题描述】：
我是 svg 图标的新手，我只需要在悬停时更改此图标的颜色。
这是我目前所拥有的：jsfiddle.net
.search-social :hover .search-icon {
fill: #72dcff;
}
正如你所见，它只是在小提琴中工作，因为我在他们两个上都应用了.search-social。
但是这个解决方案是干净的还是您提出了更好的解决方案？
【问题讨论】：
-
你改变了悬停的填充，为什么不应该呢？
-
我在想我应用 css 样式的方式，使用 div "search-social" 的类然后 ":hover" 然后 svg "search-icon" 的类可能是做得更容易。让我知道是否有任何改进。
-
如果这有效（确实如此），那么这个问题对于 SO 来说是题外话。也许 CodeReview 会更合适，但请先查看他们的指南。
-
最好简化您的 svg（使用 AI 复合路径），然后使用选择器 .search-social:hover svg > * {}