正文
CSS特殊性
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
样式的优先级取决于特殊性，特殊性为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
