css样式冲突怎么解决？
⼀个⽹页有时会使⽤两种CSS，那发⽣css样式冲突要怎么解决？下⾯本篇⽂章就来给⼤家介绍⼀下发⽣css样式冲突的解决⽅法，希望对⼤家有所帮助。
css冲突怎么解决？
解决⽅法有很多，如果可以对html改动的话，就给你需要细化的页⾯元素加多⼀个class或者ID就⾏了，当然这种⽅法应该不是你想要的。那么接下来是不改变HTML的情况下，直接⽤css的⽅法来实现你想要的效果。
css怎么创建⽅法⼀：细化选择符
假如全局是这样来定义⼀个元素的样式的：.abc {background:#000}，同时这个class为abc的元素是⾪属于某个元素的，⽐如下⾯这样的html代码结构
<div>
<div></div>
</div>
那么在细化css⾥⾯，只需要在.abc前⾯加多⼀个⽗元素的选择符就⾏了：
.container .abc {background:#fff}
这样.container .abc的优先级就⼤于了.abc，⾃然细化css⾥⾯的background设置也就不会被全局CSS覆盖了~~
⽅法⼆：提升样式的优先级
这种⽅法个⼈不太推荐，相对⽽⾔会简单粗暴⼀些。同样是上⾯的例⼦，在细化CSS⾥⾯，只要在样式后⾯加⼀个!important，例如这样：.abc {background:#fff !improtant;}
这个样式的优先级就会默认提升到顶级，全局样式就⽆法影响到它了。
⽅法三：改变两个样式的加载顺序
这种⽅法⽐较简单，就是只要把细化css加载在全局css之后就⾏了，这样后⾯的样式就会⾃动覆盖前⾯的样式。不过如果你的html⾥⾯这两个样式表的加载顺序是先细化后全局的话，就要稍微调整⼀下代码才⾏。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。