http://www.cnblogs.com/rubylouvre/archive/2009/08/10/1542476.html
说是实现兼容，其实也只不过为了照顾IE6与IE7，其实不支持标准的对手早就烟飞灰灭，而像firefox，Opera，Safari等更新换代太快，就算有问题很快就被官方处理。因此这篇博文大家最好在IE6中浏览，里面可运行的例子都是为IE6准备的。
选择器
通配符 * :: IE6不支持
类选择器 .class :: IE6元素的class不能超过2个
属性选择器 [att=value] [att] [att|=value] [att(^|$|~)=value] :: IE6不支持
关系选择器 E + F; E > F ; E ~ F :: IE6不支持
属性选择器 [att=value] [att] [att|=value] [att(^|$|~)=value] :: IE6不支持
:first-letter,:first-line,:visited,:link伪类选择器 :: 都支持
:hover伪类选择器 :: IE6只支持a元素(并且一定要有href属性才行)，IE7及FF支持a以外元素
:before和:after伪类选择器 :: IE7和firefox支持
结构伪类选择器 ::只有最新的游览器才支持这种CSS3选择符，FF3.5，opera10与chrome。IE全系列歇菜。
说说用法：
E:root 匹配文档的根元素
1.:root { border: 1px solid blue; }
2.//相当于html { border: 1px solid blue; }
E:nth-child(n) 匹配所有在其父元素中排第n个的E元素。n可以是数字/关键字/公式
1.tr:nth-child(3) { …… } /* 匹配所有表格里面排第3的行<TR> */
2.tr:nth-child(2n+1) { …… } /* 2n+1，公式，匹配所有奇数行 */
3.tr:nth-child(odd) { …… } /* odd：关键字，匹配所有奇数行 */
4.tr:nth-child(2n) { …… } /* 2n：匹配所有偶数行*/
5.tr:nth-child(even) { …… } /* even：关键字，匹配所有偶数行li */
E:nth-last-child(n) 伪类同:nth-child的工作方式非常相似，不过他是从后向前数子节点
1.tr:nth-last-child(3n+3) { background-color: red; }
2.tr:nth-last-child(3n+2) { background-color: green; }
3.tr:nth-last-child(3n+1) { background-color: blue; }
E::nth-of-type(n)伪类使用跟其他伪类类似的语法，但是允许你根据元素类型进行选取。
1.body:nth-of-type(1) p{
2. color: #333333;
3.}
:nth-last-of-type同:nth-of-type功能类似，不过也是从后向前查子节点。
DocType
文档类
cursor中hand与pointer
例子：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
例子：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
crosshair是十字型
例子：CSS鼠� ......
DIV＋CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV＋CSS网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV+CSS设计的网页，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能乱的一塌糊涂！我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些� ......
