如何在特定页面中覆盖CSS样式？
[英]How to overwrite css style in a specific page?
问题描述
<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覆盖它，但它不会被覆盖！
4 个解决方案
解决方案1
1 2014-02-17 11:12:48
CSS将需要遵循相同的规则。 所以它需要
#divL div {
color: #ffffff;
}
您可以将其标记为解决此问题很重要：
#amor_di_mundo {
color: #ffffff !important
}
解决方案2
1 已采纳 2014-02-17 11:17:02
问题在于CSS的特殊性：内联样式比外部文件具有更多功能。
使用相同的选择器，然后将内联样式移动到默认样式表中，然后将新样式添加到所需文件中，并首先加载默认样式表，然后再加载要覆盖的第二个样式表
解决方案3
0 2014-02-17 11:15:04
由于#divL div比#amor_di_mundo更具体。
您需要应用以下color: #ffffff !important或这样编写CSS：
#divL #amor_di_mundo{
color:#ffffff;
}
解决方案4
-2 2014-02-17 11:14:58
我认为您需要将syle属性放在标头中，而不是在标头中，而在标头本身中。 遵循的语法是：
Style =“ color：#ffffff;”
将其添加到元素的开始标记。
如何覆盖css样式
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.