jquery - 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 特异性的谷歌 -我会在一秒钟内为你抓取一个链接

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