Question

我正在使用我的wordpress网站，最近我得到了一个名为Visia的新主题。经过几天的搜索，我终于找到了围绕社交按钮的圈子的悬停效果所在的位置。但是只有一个问题：图标有自己的CSS文件。我想要圆圈（边框颜色）和图标（颜色，它们有一个图标字体）来改变一个悬停的颜色。现在我在icons.css中改变了这个

.icon-linkedin:hover {
    border-color:#06C;
    opacity::1;
    color:#06C; 
}

另一个还没有悬停，因为我试图将该类（style.css）引用到icons.css

.social-links a:hover {
    ???
}

边框应该改变颜色与图标颜色相同（因为有不同的社交链接，有不同的颜色）

如果有人可以提供帮助，那就太棒了......

提前致谢！

Answer 1

只需像这样覆盖它：

.icon-linkedin:hover {
    border-color:007bb6;
    color:007bb6; 
}

如果需要，请添加!important：

.icon-linkedin:hover {
    border-color:007bb6 !important;
    color:007bb6 !important; 
}

Answer 2

我通过从其他类（实际给出边框的那个）移除边框来修复它，并将其添加到已经存在的图标类中。我还在该类中添加了一个悬停，可以更改颜色和边框颜色。

两种样式表，一种悬停效果

2 个答案: