美文网首页
css选择器的优先级                      

css选择器的优先级                      

作者: 浪荡皇子 | 来源:发表于2017-08-18 20:21 被阅读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慎用(必须用的时候,要加注释说明一下。)

    相关文章

      网友评论

          本文标题:css选择器的优先级                      

          本文链接:https://www.haomeiwen.com/subject/rabnrxtx.html