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

Question

我正在我的 wordpress 网站上工作，我最近得到了一个名为 Visia 的新主题。经过几天的搜索，我终于找到了社交按钮周围圆圈的悬停效果所在的位置。但只有一个问题:图标有自己的 CSS 文件。我希望圆圈(边框颜色)和图标(颜色，它们有图标字体)都可以在一次悬停时改变颜色。现在我在 icons.css 中进行了更改

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

另外一个还没有hover，因为我试图把那个类(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; 
}