CSS样式的优先级

CSS样式的优先级简述

1、一般地，行内样式优先于内嵌样式表和外部样式表，附加了"!important"关键字的声明拥有最高的优先级；因为CSS根据样式的远近关系来决定层叠样式的优先级：在同等条件下，样式距离应用对象的距离越近，就有越大的优先权；
2、常规选择器都拥有一个优先级加权值：
（1）标签选择器：1；
（2）伪元素或伪对象选择器：1；
（3）类选择器：10；
（4）属性选择器：10；
（5）ID选择器：100；
（6）其他选择器：0；
将上面加权值数为起点来计算每个样式中选择器的总加权数，即可得到当前选择器的总加权值。样式的加权值越大，优先级就越大。具体计算方法如下：
ID选择器的个数∗100+类或属性选择器的个数∗10+标签、伪元素或伪对象选择器的个数∗1
3、标注!important命令可以使该样式拥有最高优先级，也就是说，凡是标有!important命令的声明，都拥有最终的样式控制权。
注意：必须把!important命令放在声明语句和分号之间。具体写法如下：“font-size:20px !important;”。而"font-size:20px; !important"则不行。