码迷,mamicode.com
首页 > Web开发 > 详细

CSS选择器的优先级及权重问题【CSS核心问题】

时间:2017-12-01 20:44:28      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:属性   计算机   nbsp   数学   数字   inf   import   选择   样式   

1.CSS选择器优先级:    !important >行间样式> id >class和属性选择器>标签选择器>通配符选择器        注意:[初级工程师水平]

2.之所以有优先级问题,归根到底是这些选择器有权重的,权重值越大,优先级越高!如下所示:

   !important                              Infinity[正无穷]

         行间选择器                            1000[权重]

         id选择器                                 100[权重]

         class|属性|伪类选择器         10[权重]

        标签|伪元素选择器                 1[权重]

        通配符                                      0[权重]

 以上权重满足计算关系,在数学中,正无穷加1和正无穷是一样的,但是在计算机中,正无穷加1就是比正无穷大,也就是说在计算机中正无穷是有穷尽的!

需要注意:这里的1000和100等数字权重都不是十进制的,都是256进制的,所以1和2之间不是差了1,而是差了256!【高大尚的知识点】

CSS选择器的优先级及权重问题【CSS核心问题】

标签:属性   计算机   nbsp   数学   数字   inf   import   选择   样式   

原文地址:http://www.cnblogs.com/python-machine/p/7944065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!