关于css书写的一点建议

1.少用通配符的原因:

  浏览器按“从右向左”解读css选择器  ——类似 .parent * {} 中,首先被解析的是 通配符*

      因此:后代选择器,也增加了解读时间

2.目标选择器的效率排序

  #J_nav {  }                      /*  ID 最快  */

  .home #J_nav {  }             /*  ID    */

  .main {  }           /*  Class  */

  li a.current {  }         /*  Class  */

  ul {  }              /*  Tag  */

  ul li {  }              /*  Tag  */

  * {  }               /*  通配  */

  #J_emailInput [type = 'email']    /*  通配  */    

3.不要为了高效的css而牺牲语义和可维护性  ——通篇都是#id {}   (拒绝这样做)

posted @ 2016-08-12 10:20  听风1993  阅读(135)  评论(0)    收藏  举报