我想給我的表行一個斑馬條紋效果。在所有其他瀏覽器中，都可以使用CSS的第n個子元素來完成。但是我也想做IE 8。那我該怎么辦呢？
3 回答
慕桂英546537
TA貢獻1848條經驗 獲得超10個贊
使用polyfill：Selectivizr足夠好。
沒有polyfill：由于IE8支持第一個孩子，您可以欺騙它以在iE8中支持第n個孩子，即
/*li:nth-child(2)*/
li:first-child + li {}/*Works for IE8*/
盡管我們無法模擬IE8的復雜選擇器，即nth-child（2n + 1）或nth-child（odd）。
慕仙森
TA貢獻1827條經驗 獲得超8個贊
作為Selectivizr的替代方法，可以使用一些jQuery：
$('.your-list li:nth-child(3n+1)').addClass('nth-child-3np1');
然后只需在CSS中添加第二個選擇器：
:nth-child(3n+1)
{
clear: both;
}
.nth-child-3np1
{
clear: both;
}
- 3 回答
- 0 關注
- 430 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消