Css 第n个子转换为IE支持
我希望以下内容(每5个元素带有“.span标记”)与IE 7/8兼容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
.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个孩子就可以做到这一点