下面是引用我看到的网页的话：
现在据我知道比较好的用来测试网页性能的工具有两个，分别为：老牌 的雅虎yslow,新秀google page Speed。
怎么会突然想起谈css与性能优化呢？其实这个问题我已经想了很久了，想写，但是也 不知道从何写起，今天就简单的说一下，近段使用通过使用page Speed，对css性能优化的一点看法吧！
在市场上的很多书，讲的 css的写法都大同小异，并没有说，如何写好，如何写不好！只是说到了id和class是作为css和js的挂钩，我们可以通过id与class来控制页 面的展现效果。并且还谈到了css层级写法的强大威力，所以大多数为了减少在页面中定义id与class，都大量的使用了css层级的写法，比如：
<div ul li span{样式}
.list li span{样式}
list span{样式}
这三种写法有 什么好处与不好的地方呢？
如果使用第一种方法，我个人觉得太长了，没有必要，那如果使用第三种写法呢？怕的是如果在这个div与ul平级也 有span的时候，这时候这个span也会被继承到样式，我个人平时都比较喜欢第一种写法，相对来说，对span比较安全，而且可以节约几个字符吧！嘿 嘿！但是我的这种写法通过page Speed的检测结果是属于低效的！因为需要检测的层级太多！就像我们上楼梯和下楼梯一样！故而像这种地方，我们完全可以在html中为span增加 class,更有可能这个class我们以后还用得着！
<div>
<ul>
<li><span 那么为什么不选择第一种?
而第二种情况通常用在 li有区别的情况下
呵呵….
转载请注明：有客帮 » 对css写法的一种认知