Html 如何将活动类设置为从icomoon生成的web字体图标

我从icomoon创建了一组图标，我可以像这样设置悬停样式

.icon-github:hover::before {
  color: #f1f1f1;
}

.icon-home:before .active {
  color: #08FDD8 !important;
}

但当它是这样一个活动类时，我试图将其设置为特定的颜色

.icon-github:hover::before {
  color: #f1f1f1;
}

.icon-home:before .active {
  color: #08FDD8 !important;
}

这一切都是徒劳的，这就是它在HTML上的样子

<li><a><span class="icon-twitter active"></span></a></li>

您的css正在寻找

.active

类作为

.icon home

的子类。将<代码>放在一边：在<代码>psuedo选择器之前，输入以下CSS：

.icon home.active{
颜色：#08FDD8！重要；
}

将以以下标记为目标：

由于

.active

类正在修改

.icon home

类，因此您希望将选择器链接在一起，如下所示：

.active.icon home:：before{
颜色：#08FDD8！重要；
}
/*或*/
.icon home.active:：before{
颜色：#08FDD8！重要；
}