JQuery glyphicon - 添加颜色

Question

我正在使用Bootstrap3 glyphicons。 e.g。

<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如何确定其重要性＆＃39;应该应用哪些样式^ ^ ^