样式的优先级取决于特殊性,特殊性为0,0,0,0
Ø每个元素或伪元素选择器贡献特殊性为 0,0,0,1
Ø每个类、伪类或者属性选择器的特殊性为 0,0,1,0
Ø每个ID选择器的特殊性为 0,1,0,0
Ø行内样式的特殊性为 1,0,0,0
Ø结合符和通配符的对特殊性为0,而继承没有特殊性
比较规则
Ø从左向右依次比较,数字大的则优先级更高
Ø每个级别的优先级值是相互独立的,13个元素选择器也不会比1个类选择器的特殊性高
Ø如果相同就比较下一位,所有位都相同则优先级是一样高
Ø当选择器优先级一样高的时候后声明的样式会覆盖前面声明的样式
例子:
div ul li 0,0,0,3
div.aside ol li 0,0,1,3
a:hover 0,0,1,1
div.nav a:hover 0,0,2,2
h1#title em 0,1,0,2
input[type="text"] 0,0,1,1
.affix.top 0,0,2,0
* 0,0,0,0