!important 优先级最高

老白 8个月前 229浏览 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 !important 优先级最高 CSS学习

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

发表评论