css - 字形-颜色变化问题

Question

这是我第一次使用字形，但我知道它们是文本，并且可以像任何其他文本一样设置样式。这就是我对为什么我的字形图标没有改变颜色感到困惑的原因。

我希望它将颜色从黑色(默认)更改为白色。这是我的代码:

HTML

<li><span class="glyphicon glyphicon-cog"></span><a class="lolo" href="Franchise-Details.php"><b>Admin Panel</b></a></li>

CSS

.glyphicon glyphicon-cog{
color:  #fff;
margin-right: 2px;
}

哪里出了问题？任何帮助将不胜感激

Answer 1

应该是

.glyphicon.glyphicon-cog{
    color:  #fff;
    margin-right: 2px;
}

您在 glyphicon-cog 之前错过了 . 并且两个类之间的空格也不是必需的。

由于空格表示 glyphicon 类命名元素是父元素，而 glyphicon-cog 命名元素在此父元素之下，这在您的场景中不是这种情况。

由于您的目标是具有两个类的同一元素，因此语法应该是

.classOne.classTwo