Html CSS*重写类样式

Html CSS*重写类样式,html,css,Html,Css,我在应用CSS时遇到了一些困难。我在全局外部样式表中指定了文本颜色,它使用*应用颜色。我现在正试图为一个特定的类重写它。我已经尝试在文档的标题中设置类的文本颜色(如果我正确,应该覆盖外部工作表?),但是颜色不会改变 GoogleChromeInspector告诉我,*仍然主导着类规范。有什么想法吗 我的外部样式表如下所示: * { font-size: 14px; color: #666; } .error-list { color: red !important; } 我的

我在应用CSS时遇到了一些困难。我在全局外部样式表中指定了文本颜色,它使用*应用颜色。我现在正试图为一个特定的类重写它。我已经尝试在文档的标题中设置类的文本颜色(如果我正确,应该覆盖外部工作表?),但是颜色不会改变

GoogleChromeInspector告诉我,*仍然主导着类规范。有什么想法吗

我的外部样式表如下所示:

* {
  font-size: 14px;
  color: #666;
 }
.error-list {
   color: red !important;
}
我的标题样式如下所示:

* {
  font-size: 14px;
  color: #666;
 }
.error-list {
   color: red !important;
}

值得一提的是,我已经尝试了它与和不带!重要信息。

当您检查它时,是否看到您创建的类?也许根本就不在那里

没有代码很难说,但无论如何
!重要信息
可以覆盖全局类。 内联css也会覆盖它,但由于您需要将其作为类重用,因此不建议这样做

试试这个:

element[style] { /*don't change the style*/
   color: red!important;
}

当你检查它时,你看到你创建的类了吗?也许根本就不在那里

没有代码很难说,但无论如何
!重要信息
可以覆盖全局类。 内联css也会覆盖它,但由于您需要将其作为类重用,因此不建议这样做

试试这个:

element[style] { /*don't change the style*/
   color: red!important;
}

尝试使您的CSS规则更具体。例如,如果.error列表由li标记组成。将CSS规则更改为.error list li以使其更具体。

尝试使CSS规则更具体。例如,如果.error列表由li标记组成。将CSS规则更改为.error list li以使其更具体。

这一切都归结为哪个具有更高的属性

在下面的示例中,
span
错误列表
规则比
*
具有更高的特异性,但
div.error-list
甚至比
错误列表
更高,因此即使
错误列表
在CSS中排在后面,最高的赢家(与下面示例中的第一个
div
一样)

推翻

*{
字体大小:14px;
颜色:#666;
}
跨度{
颜色:红色;
}
分区错误列表{
颜色:蓝色;
}
.错误列表{
颜色:红色;
}
嘿,我是红色的 嘿,我红得太蓝了
嘿,我是蓝色的归根结底是哪个更高

在下面的示例中,
span
错误列表
规则比
*
具有更高的特异性,但
div.error-list
甚至比
错误列表
更高,因此即使
错误列表
在CSS中排在后面,最高的赢家(与下面示例中的第一个
div
一样)

推翻

*{
字体大小:14px;
颜色:#666;
}
跨度{
颜色:红色;
}
分区错误列表{
颜色:蓝色;
}
.错误列表{
颜色:红色;
}
嘿,我是红色的 嘿,我红得太蓝了

嘿,我是蓝色的显示你的CSS我正在编辑我的问题以显示CSS。
错误列表
有什么颜色。。。灰色如#666。。。你确实有一个打字错误,你在
color\666
中遗漏了
显示你的CSS我正在编辑我的问题以显示CSS。
错误列表有什么颜色。。。灰色如#666。。。你确实有一个打字错误,你在
color#666
中漏掉了
,经检查,我确实认为那里的课程很好。它显示的文本颜色在课堂上被划过。我的更新答案包括CSS,我已经尝试过了!很重要,很遗憾,这不起作用。请发送url,我将尝试修复它。我无法发送url,因为网站正在本地运行。经检查,我确实看到那里的类很好。它显示的文本颜色在课堂上被划过。我的更新答案包括CSS,我已经尝试过了!重要信息,不幸的是,这不起作用。请发送url,我将尝试修复它。由于网站正在本地运行,我无法发送url。请尝试使您的类更具体。例如,如果r.error列表是由li标记组成的,那么按照CSS规则使用.error列表li。那可能会有帮助。那起作用了!!如果你把它作为一个答案发布,我会把它标记为已解决。非常感谢。编辑了我的当前答案以匹配评论中的答案。谢谢你,不客气。这里有一个关于CSS特性的好资源:试着让你的类更具体。例如,如果r.error列表是由li标记组成的,那么按照CSS规则使用.error列表li。那可能会有帮助。那起作用了!!如果你把它作为一个答案发布,我会把它标记为已解决。非常感谢。编辑了我的当前答案以匹配评论中的答案。谢谢,不客气。这里有一个关于CSS特性的好资源: