css样式不覆盖怎么做?

CSS的全称叫做“层叠样式表”,层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,这个过程就叫“层叠”。

很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需要根据不同的情况来定,具体规则如下。

  • 由于继承而发生样式冲突时,最近祖先获胜。

  • 继承的样式和直接指定的样式冲突时,直接指定的样式获胜。

  • 直接指定的样式发生冲突时,样式权值高者获胜。

  • 样式权值相同时,后者获胜。

我们如果想要css样式不被覆盖可以使用!important。

1、!important:是hack,

2、!important作用:让浏览器首选执行这个语句,当对同一个对象设置了多个同类型的属性的时候,首选执行这一个

3、hack是什么:每个浏览器对某些css的样式解释的不太一样,这样页面上显示的就不一样,但是要保持每个浏览器都同样显示效果的话,那么只有对有差异的浏览器写它自己认识而别的浏览器不认识的样式来达到显示相同的目的,这个在css中叫hack

CSS中“!important”可以使它之前的样式优先执行,比如说这样:

body {
color : red !important;
}
body {
color : black;
}

以上就是css样式不覆盖怎么做?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读