Css 第n个子转换为IE支持

Css 第n个子转换为IE支持,css,internet-explorer,cross-browser,css-selectors,Css,Internet Explorer,Cross Browser,Css Selectors,我希望以下内容(每5个元素带有“.span标记”)与IE 7/8兼容 .taggar .row-fluid .span-tag:nth-child(5n), margin-left: 0; } 我尝试了以下方法,但不起作用,所以可能是我做错了: .taggar .row-fluid .span-tag:first-child + .span-tag .span-tag .span-tag .span-tag { margin-left: 0; } html: <div

我希望以下内容(每5个元素带有“.span标记”)与IE 7/8兼容

.taggar .row-fluid .span-tag:nth-child(5n),
    margin-left: 0;
}
我尝试了以下方法,但不起作用,所以可能是我做错了:

.taggar .row-fluid .span-tag:first-child + .span-tag .span-tag .span-tag .span-tag {
    margin-left: 0;
}
html:

<div class="action-container container taggar">
    <div class="row-fluid">
        <div class="span3 span-tag">
            <a href="#"><div class="tag label btn-tag tags"><span>foo1</span></div><span class="votes">x 61</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo2</span></div><span class="votes">x 52</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo3</span></div><span class="votes">x 387</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo4</span></div><span class="votes">x 343</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo5</span></div><span class="votes">x 434</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo6</span></div><span class="votes">x 4</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo7</span></div><span class="votes">x 134</span></a>
        </div>
        <div class="span3 span-tag">
            <a href=""><div class="tag label btn-tag tags"><span>foo8</span></div><span class="votes">x 32</span></a>
        </div>      
    </div>
</div>


我不确定您的问题,但您可以使用-selectivizr是一个JavaScript实用程序,它模拟Internet Explorer 6-8中的CSS3伪类和属性选择器

唯一不使用第n个子项的方法是非常详细(您必须分别针对每个第5个案例)——

如果您知道span标记类数量的上限,那么这种方法可能是可行的,否则,您就不走运了

.span-tag:first-child + .span-tag + .span-tag + .span-tag + .span-tag { /* 5 times */
    margin-left: 0;
}

.span-tag:first-child + .span-tag + ... + .span-tag { /* 10 times */
    margin-left: 0;
}

.span-tag:first-child + .span-tag + ... + .span-tag { /* 15 times */
    margin-left: 0;
}

etc

我不认为不使用第n个孩子就可以做到这一点