Question

我正在使用ThemeForest中使用图标字体的主题。在css文件中，我看到@ font-face导入字体和所有图标的列表：

.socials li.social-lastfm a:before,
.socials li.social-soundcloud a:before {
   font-family: 'icomoon-essential';
   speak: none;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   color: green;
   -webkit-font-smoothing: antialiased;
}

在这个例子中还有几个图标，但是我在主题上的所有图标中只有一个变为绿色。我已经为这个css添加了新规则，包括.socials li.social-twitter a：before etc ..

即使添加了规则，图标的颜色也不会改变。当我使用WordPress时，我进入后端以确定是否可以通过某种插件更改图标。为了我的死亡，我找不到解决方案。

如果您知道我可以解决问题的方法，请告诉我。

Answer 1

如果您也可以在这里发布您的HTML代码，那么我们可以找出问题所在。假设html代码如下所示：

<ul class='socials'>
    <li class='social-lastfm'><a href='#'>Icon A</a></li>
    <li class='social-soundcloud'><a href='#'>Icon B</a></li>
</ul>

Answer 2

尝试使用！important重写以前的css。

如何使用CSS更改图标字体的颜色

2 个答案: