!important 优先级最高

第三方分享代码
admin 2017-04-13 CSS学习 30 0

今天来说说 !important 这个诡异的东西,很多CSS文件里都有,虽然我不常用,但对于!important这么一个挺个性的东西还是需要有很好的了解才行。

[1位重要标志位] > [4位特殊性标志] > 声明先后顺序
!important > [ id > class > tag ]
使用!important可以改变优先级别为最高,其次是style对象,然后是id > class >tag ,另外,另外在同级样式按照申明的顺序,后出现的样式具有高优先级。

看一个案例:

div{width:100px; height:100px;background: red !important; background: blue}

CSS优先级.png

看出来了吧,除了IE6,其它最新的浏览器基本都认可 !important 注释过的为最高优先级!

相关推荐

网友评论

  • (*)
还没有评论!