css - 为什么设置 html 实体字符的颜色失败？

Question

我有这个字符代码<span class="psi">&#936;</span>对于 psi希腊字符。

这是

的CSS代码

.psi{
color:red !important;
}

类(class)psi .当我在我的 firefox 网络浏览器中尝试代码时，字符不是红色的。这是为什么？

Answer 1

只有当您有另一条规则(更具体)时，!important 也适用于该元素，才会发生这种情况。

例如

#wrapper span{
    color:blue !important;
}
.psi {
    color:red !important;
    font-size:3rem;
}

<div id="wrapper">
    <span class="psi">&#936;</span>
</div>

所以检查重叠规则。
(并尽量不要使用 !important。您应该能够通过使用更具体的 css 规则来做您想做的事)