CSS样式（选择器）的优先级

CSS样式（选择器）的优先级

CSS的优先级机制采用了比较权值的方法

一.权值

选择器	权值
内联样式	1000
id选择器	100
类/伪类选择器	10
元素选择器	1
通配选择器（*）	0
继承的样式	无

二.优先级规则

1.计算选择器的权值

例：

/*#case 1*/
p{...
}

/*#case 2*/
div p{...
}

case 1 : 元素选择器，权值为1

case 2 : 两个元素选择器，权值为 1 + 1

2.应用权值较大的样式

对于上述例子，会应用case 2中的样式。

3.如果权值相同，应用写在后面的样式

/*#case 1*/
p{...
}

/*#case 2*/
p{...
}

这样的情况，就会应用case 2中的样式。

三.注意——优先级有数量级的概念

也就是说，多个类选择器可以累加权值，但是类选择器的数量级永远只是100，不会突破到1000，所以，使用11个类选择器的优先级也没有1个id选择器的优先级大