让IE8支持:nth-of-type(even/odd)或者nth-child(3)

我们知道，IE8只支持first-child并不支持诸如nth-child(3)或者nth-of-type(odd)之类的标签，那么如何用简单的办法让IE8支持呢？我们可以借助子元素选择器（>）和相邻兄弟选择器来实现：

比如说，我们要在IE8实现：

ul > li:nth-of-type(3){color:red}

HTML代码如下

   <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
        <li>7</li>
        <li>8</li>
    </ul>

我们可以在IE8中这么写

ul > li:first-child + li + li{color:red}

这里需要注意的是必须给第一个li加上first-child，如果不加变红色的将是345678而不是只是3，因为

ul > li + li + li{color:red}

的意思是给【li前面还要有2个li的属性加上红色】虽然有点拗口，但是意思我想大伙都能明白，这样的话1,2明显不符合了，所以生效的是3,4,5,6,7,8

如果这样写，意思可就完全不相同

ul > li:first-child + li + li{color:red}

这段意思是给【ul下面的和第一个li后面在加2个li的属性加上红色】同样有点拗口，因为li:first-child的限制作用，所以此属性只有3生效了，

当然，如果是在IE8给表格弄斑马纹的话建议还是用jq，其他地方可以用此方法解决 ，省时又省力。

如此例可以运用：