Html 如何覆盖特定页面中的css样式?

Html 如何覆盖特定页面中的css样式?,html,css,Html,Css,在index.css中,一个div(#amor_di_mundo)的样式为颜色:800000 在一个特定的文件中,我需要用color:#ffffff覆盖它,但它不会被覆盖 css需要遵循相同的规则。所以它必须是 #divL div{ color:#800000; } 您可以将其标记为绕过此问题的重要性: #divL div { color: #ffffff; } 我认为您需要将syle属性不放在header中,而是放在元素本身所在的位置。下面的语法是: Style=“color:#ff

index.css
中,一个div
(#amor_di_mundo)
的样式为
颜色:800000


在一个特定的文件中,我需要用
color:#ffffff
覆盖它,但它不会被覆盖

css需要遵循相同的规则。所以它必须是

#divL div{
color:#800000;
}
您可以将其标记为绕过此问题的重要性:

#divL div {
   color: #ffffff;
}

我认为您需要将syle属性不放在header中,而是放在元素本身所在的位置。下面的语法是:

Style=“color:#ffffff;”

将其添加到元素的开始标记

As
#divL div
更具体

您需要应用
颜色:#ffffff!重要信息
要创建或编写如下css:

#amor_di_mundo {
    color: #ffffff !important
}

问题在于css的特殊性:内联样式比外部文件更强大
使用相同的选择器,移动默认样式表中的内联样式,然后在所需文件中添加新样式,首先加载默认样式表,然后加载要用

Carl覆盖的第二个样式表,这只是一个示例。我应该使用
!重要信息
对于我要重新设置样式的每个元素?我怀疑。
#amor_di_mundo {
    color: #ffffff !important
}
#divL #amor_di_mundo{
  color:#ffffff;
}