Question

网页中引用两个css冲突怎么办？

比如我在网页中引用了a.css和b.css，但是他们有冲突的地方，两个css文件都比较复杂，不方便更改类名，请问有什么办法能让在某个DIV块中优先使用b.css样式，而在网页其它地方优先使用a.css呢？
十分感谢！
//b.css内容太多了，不方便用style=""。我是直接套用的网上的素材来的。

Answer 1

　　方法一 细化选择符
　　假如全局是这样来定义一个元素的样式的：.abc {background:#000}，同时这个class为abc的元素是隶属于某个元素的，比如下面这样的html代码结构
<div class="container">
<div class="abc"></div>

</div>
那么在细化css里面，只需要在.abc前面加多一个父元素的选择符就行了：
.container .abc {background:#fff}
这样.container .abc的优先级就大于了.abc，自然细化css里面的background设置也就不会被全局CSS覆盖了~~

　　方法二 提升样式的优先级
　　这种方法个人不太推荐，相对而言会简单粗暴一些。同样是上面的例子，在细化CSS里面，只要在样式后面加一个!important，例如这样：
.abc {background:#fff !improtant;}
这个样式的优先级就会默认提升到顶级，全局样式就无法影响到它了。

　　方法三 改变两个样式的加载顺序
　　这种方法比较简单，就是只要把细化css加载在全局css之后就行了，这样后面的样式就会自动覆盖前面的样式。不过如果你的html里面这两个样式表的加载顺序是先细化后全局的话，就要稍微调整一下代码才行。

Answer 2

最简单的方法就是在这个div中直接添加属性好了

或者 通过查找的方法站到css里面对应的类名，然后改掉，然后在网页中通过查找和替换改掉所有的就好了啊

Answer 3

样式会按照最后那个css样式显示。
css是解释型的语言，执行顺序是从上往下，如果有两个相同的语句，那么后面一句会“覆盖”前一句，只有后面一句真正生效。

Answer 4

额 不清楚 有没有这样的方法 不过 有一种办法可以解决这个问题

如果你还记得B.CSS的样式的话 可以在标签里面用style=""标签给加上 这样就可以了 具体的 需要你自己调试

追问

b.css内容太多了，不方便用style=""。我是直接套用的网上的素材来的。

追答

如果 在当前页面加上STYLE标签呢 重新定义一个CLASS 这样 不会影响到你处理页面

追问

对啊，我只想要这个div用b.css,但是样式内容太多了。有没啥方法能提高该div内b.css的优先级呢？
【你指的当前页面是指div块还是什么？】
谢谢！

Answer 5

去css吧→_→