如何在IE中覆盖以后的重要内容

Question

我正在使用基于Web的OA系统创建在线表单。在其中，我编写了以下代码，将字体设置为红色，但是没有用。

 .fnaOverlabel{
    color:red!important;
} 

我调试了它，发现原因是在系统加载的JSP文件的后半部分，还有另一个css将颜色设置为黑色，其中一个来自系统文件，我无法修改。有没有办法覆盖它？寻求帮助。

Answer 1

您可能想熟悉CSS Specificity。要点是，选择器越具体，样式的权重就越大。

如果以后无法加载CSS文件，则需要找出导致该文本变黑的原因，并选择比该文本更具体的选择器。本文对如何计算CSS Specificity Scores进行了详细介绍。

/* Your CSS*/
.fnaOverlabel{
    color:red !important;
}

/* System CSS */
#main-content .fnaOverlabel{
    color:black !important;
}

要像这样覆盖CSS，您将需要一个更具体的选择器，即使仅将标记名添加到类选择器就足够了：

#main-content span.fnaOverlabel {
    color: red !important;
}