span标签style的优先级_关于CSS样式优先级

关于

CSS

样式优先级

一般情况下：

[1

位重要标志位

] > [4

位特殊性标志

]

>

声明先后顺序

!important > [ id > class > tag ]

使用

!important

可以改变优先级别为最高，

其次是

style

对象，

然后是

id > class >tag

，另外，另外在同级样式按照

申明的顺序后出现的样式具有高优先级。

-

先来看下

!important

这个诡异的东西。

1 <style

type="text/css">

2

div{background: red !important; background: blue}

3 </style> -

除了

IE6

，

其他浏览器都会显示背景为红色，

正是

!important

的作用，意思就是只要我在这里我就是最重

要的啦，任何东西都不能取代我，没看见都是一个

！外加

一个英文单词

important

吗？很形象，很贴切了。

IE6

这里

会显示背景为蓝色，

并不是

IE6

不支持

!important

，

而是它会

按照样式声明顺序后出现的覆盖前面的，此时它已经不认

识

!important

了，

它六亲不认了。

这正是广为流传的

IE6 hack

之一。而如果这样写会正常显示背景为红色：

1 <style