求有什么方法可以让ie8兼容css3的nth-child，：after这种伪类选择题

html-css013

求有什么方法可以让ie8兼容css3的nth-child，：after这种伪类选择题,第1张

nth-child这个倒是可以换个思路实现，这个一般用在ul li标签中，奇偶行的mouseover效果，ul li:nth-child(odd){color:#fff}/*选取偶数*/

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时候就加载这个就看你了，以上为思路，仅供参考

Selectivizr可以让IE6~8支持CSS3伪类和属性选择器，selectivizr是一个JavaScript工具，使IE浏览器也可以支持CSS3伪类以及属性选择器，使用很简单，只要把js include到页面上。示例代码如下：

<script type="text/javascript" src="selectivizr.js"></script>

<![endif]- ->

Selectivizr的优点在于：

1. 让老的IE浏览器支持19个CSS3伪类，2个伪元素，以及所有的属性选择器。

2. 即使你完全不懂JavaScript，也没有关系，因为你只要链接这个文件就ok了。

3. 可以与现存的JavaScript库协调工作。