关于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 {}   (拒绝这样做)

关于css书写的一点建议

标签：

原文地址：http://www.cnblogs.com/thtlovelife/p/5763918.html