ul li:nth-child(even){color:#fff}/*选取奇数*/
以上的是兼容的写法，改进后的写法如下：
ul li:first-child{color:#fff}/*选取第一个li*/
ul li:first-child+li+li{color:#fff}/*选取第三个li*/
依次还可以有第5个li，等等，好在开发中li的个数一般不会多，虽然是个比较麻烦的做法，好歹能解决问题，至于after,before之类的，也不能说没法实现，也是曲线救国的方法，有个简单的思路你可以参考下，你应该清楚的是after是主样式加载完之后才表现的，after说白了也是一个样式表，或者说是个额外的class,那么好了，后期我们通过JS可以添加这个Class了，具体这个after通过鼠标点击添加呢 还是download时候就加载这个就看你了，以上为思路，仅供参考
e浏览器从ie8开始添加了兼容模式，开启后会以低版本的ie进行渲染。兼容模式有可能会导致网页显示出问题，于是通常在html中添加下列代码来使ie
使用固定的渲染模式：
代码如下:
<metahttp-equiv="x-ua-compatible"content="ie=8"><!--以ie8模式渲染-->
<metahttp-equiv="x-ua-compatible"content="ie=7"><!--以ie7模式渲染-->
还
有一种情况，在ie8下只有不使用兼容模式页面才能显示正常，但是如果设定为ie8的模式，在ie9中却会导致css3失效。看来，需要针对
ie8、ie9
分别
禁用兼容模式。怎么办呢？可以在后台判断浏览器版本，如果是ie8就输出content="ie=8"，如果是ie9就输出
content="ie=9"。其实还可以单纯通过html来实现的，html代码如下：
<metahttp-equiv="x-ua-compatible"content="ie=9
ie=8
ie=7
ie=edge">
html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。
respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
官方网站： http://css3pie.com/
演示地址： http://css3pie.com/demos/gradient-patterns/
1.兼容border-radius
2.阴影效果
3.部分 CSS3 的效果，如 多张背景图，border-image，背景颜色渐变效果
4.png 图片透明效果
