Question

怎么解决两个CSS定义冲突？

我的网站有两个CSS，一个作为全局的，一个作为具体某一个网页的细化CSS。我同时在某html里引用了这两个CSS，如何使得全局css的优先级最低？这样我的细化css里的background设置就可以不被全局css覆盖了

Answer 1

全局

.class1{
width : 100px;
height : 100px;
background : red;
}

局部

.class2{
width : 200px!important;
height : 200px!important;
background : blue!important;
}

页面

<div class="class1 class2"></div>

 优先使用class2的css属性

Answer 2

全局用class，需要细化的部分加个id。

例如：

<div class="one_all" id="one_self"></div>

全局css部分就可以这样写

.one_all{ width:200px; height:200px; background:#996633;}

细化CSS部分就这样写：

#one_self{ background:#FF0000;}

这样就达到了你的细化要求了。

div的宽度和高度都是200像素，但是背景色不再是全局的背景色了，而是特别设置的红色了。