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

<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如何覆盖特定页面中的css样式？

#divL div{ 
color:#800000; 
}

在index.css一个div (#amor_di_mundo)样式为color:800000

在一个特定的文件，我需要与color:#ffffff覆盖它，但它不会被覆盖！

来源

2014-02-17 bonaca

问题是与CSS的特异性：一个内联样式具有比外部文件更多的权力。
使用相同的选择器，并将默认样式表中的内联样式移动到默认样式表中，然后将新样式添加到所需文件中，然后加载默认样式表，然后选择要覆盖的样式表。

来源

2014-02-17 11:17:02 n1kkou

该CSS将需要遵循相同的规则。因此，将需要

#divL div { 
    color: #ffffff; 
}

你可以把它标记为重要的来解决这个问题：

#amor_di_mundo { 
    color: #ffffff !important 
}

来源

2014-02-17 11:12:48

卡尔，这仅仅是一个例子。我应该使用'！重要的'为每个元素我想restyle？我猜测。 – bonaca

-2

我认为你需要把SYLE属性不是在头，但其中的元素在身体本身。遵循的语法是：

Style =“color：#ffffff;”

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

来源

2014-02-17 11:14:58

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

你需要或者color: #ffffff !important申请或写CSS是这样的：

#divL #amor_di_mundo{ 
    color:#ffffff; 
}

来源

2014-02-17 11:15:04 Era

您可以添加其他样式表类对特定页面的特定格，你的情况amor_di_mundo和css中添加

<div id='divL'> 
    <div id='amor_di_mundo' class="must" >Amor di Mundo</div>

在CSS中添加，

#amor_di_mundo.must{ // ensure that element with ID amor_di_mundo and class must is select 

    color:#ffffff; 

    }

来源

2014-02-17 11:19:15 sanjeev

回答

相关问题