Question

<head>
<link href="index.css" rel="stylesheet">
<style>
#amor_di_mundo{
  color:#ffffff;
}
</style>
</head>

<body>
<div id='divL'>
<div id='amor_di_mundo'>Amor di Mundo</div>
<div id='quem_boe'>Quem Boe</div>
</div>

index.css

#divL div{
color:#800000;
}

在index.css中，div (#amor_di_mundo)的样式为color:800000

在特定文件中，我需要使用color:#ffffff覆盖它，但不会覆盖它！

Answer 1

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

#divL div {
   color: #ffffff;
}

你可以认为解决这个问题很重要：

#amor_di_mundo {
    color: #ffffff !important
}

Answer 2

问题在于css特异性：内联样式比外部文件具有更多功能。
使用相同的选择器，并在默认样式表中移动内联样式，然后在所需文件中添加新样式并首先加载默认样式表，然后加载要用

覆盖的第二个样式表。

Answer 3

由于#divL div比#amor_di_mundo更具体。

您需要将color: #ffffff !important应用于或写下这样的css：

#divL #amor_di_mundo{
  color:#ffffff;
}

Answer 4

我认为您需要将syle属性放在标题中，而不是将元素放在正文中。要遵循的语法是：

形式= “颜色：#FFFFFF;”

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

如何覆盖特定页面中的CSS样式？

4 个答案: