一个不能不看的CSS的查找匹配原理【转】

浏览器CSS匹配不是从左到右进行查找，而是从右到左进行查找。比如之前说的 DIV#divBox p span.red{color:red;}，浏览器的查找顺序如下：

先查找html中所有class='red'的span元素，找到后，再查找其父辈元素中是否有p元素，再判断p的父元素中是否有id为divBox的div元素，如果都存在则匹配上。

 

PS：看有些同学对从右到左的理论保持怀疑，下面贴出firefox和google的2篇相关css解释的文章，供大家参考

mozilla firefox：

https://developer.mozilla.org/en/Writing_Efficient_CSS

google page-speed：

http://code.google.com/intl/zh-CN/speed/page-speed/docs/rendering.html

 

转贴说明

[作者]：BearRui(AK-47)
[博客]: http://www.cnblogs.com/BearsTaR/