css选择器的优先级
2017-08-18 本文已影响0人
浪荡皇子
css选择器的使用条件:当样式冲突时,就会有优先级问题。
其中css选择器可以分为:1.通配选择器,其优先级为0;2.标签名选择器,其优先级为1;3.类选择器,其优先级为10;4.id选择器,其优先级为100;5.后代选择器,其优先级为它所包含的选择器相加之和;6.群组选择器,其优先级不会有相加的效果。
注:1.相同类型的选择器,在样式冲突时,后面覆盖前面。
2.不同类型的选择器,在样式冲突时,优先级高的覆盖优先级低的。
3.优先级相同时,后面覆盖前面。
4.*(优先级为0)<<Tags(优先级为1)<<class(优先级为10)<<id(优先级为100)<<style(优先级为1000)<<!important(优先级为1000+)。
5.当后代选择器中所包含的选择器相加之和大于它上级的选择器,仍然是它上级的选择器覆盖它。
6.!important慎用(必须用的时候,要加注释说明一下。)