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慎用(必须用的时候,要加注释说明一下。)

上一篇下一篇

猜你喜欢

热点阅读