JQuery glyphicon - 添加颜色

Question

我正在使用 Bootstrap3 字形图标。例如

<i class="glyphicon glyphicon-cog" title="Edit"></i>

我希望它是绿色的，所以我使用了一个名为 public 的类:

.public {
    color:green;
}

当我将此应用于图标时，它不起作用。它保持灰色。

<i class="glyphicon glyphicon-cog public" title="Edit"></i>

然而，如果我应用内联样式，它会起作用:

<i class="glyphicon glyphicon-cog" style="color:green" title="Edit"></i>

这是为什么？

Answer 1

我最好的猜测是存在比您的 .public 选择器更具体的现有样式

试试这个:

.public {
    color:green !important;
}

覆盖现有样式 - 并提供有关 css 特异性的 google - ill grab a link in a second for you

查看那篇文章，了解 css 如何确定它应该应用哪些样式的“重要性”^ ^ ^