Html CSS中重要的替代方案?

Html CSS中重要的替代方案?,html,css,Html,Css,如果我有一个css文件mystyle.css: body { font-family: OpenSans, Arial, sans-serif; font-size: 14px; } .news { width: 800px; background-color: #99EBFF; } 但是我想在网站的特定部分覆盖它(在另一个CSS文件中,例如cms news pages.CSS),例如: 有什么比这更好的选择呢!对于一个没有太多代码的类来说重要吗 如果有人能给我建议,我将非常感谢,我将尝试使

如果我有一个css文件mystyle.css:

body {
font-family: OpenSans, Arial, sans-serif;
font-size: 14px;
}

.news {
width: 800px;
background-color: #99EBFF;
}
但是我想在网站的特定部分覆盖它(在另一个CSS文件中,例如cms news pages.CSS),例如:

有什么比这更好的选择呢!对于一个没有太多代码的类来说重要吗


如果有人能给我建议,我将非常感谢,我将尝试使用更干净的CSS编码。

尝试使用父选择器提供更多优先权

假设
.news
具有classname
.news container

然后你可以用

.news-container .news {
    background-color: #FFE6B3;
}

这将覆盖
.news

的css属性,css按特定性排序,所以您可以只执行
body.news{…}
并且它应该覆盖
。新闻
还应确保在默认css文件之后包含自定义css文件解决方案是将新的css代码放在旧的css代码下,并覆盖其所谓的级联syle表。它自上而下如果你只想让一个特定的新闻容器不同,给它一个id并设置id的样式-它将覆盖类(比添加父选择器更有效)@Pete yea,typoYou't you't it it
!重要信息
类似于CSS的欺骗模式,在生产中使用它并不明智。通常,可用于启用样式覆盖的工具有:-专用性-级联顺序如果依赖级联顺序太多,则调试会变得困难,因此在这种情况下,我将使用专用性。
.news-container .news {
    background-color: #FFE6B3;
}