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

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

我已通过从其他一些类（实际上是给边框的类）中删除边框并将其添加到已经存在的图标类中来解决此问题。 我还向该类添加了一个悬停功能，从而可以同时更改颜色和边框颜色。