IE7 與 IE8 上的 :nth-child

被 Zite 推薦快兩年前的文章… 在「Poor man’s nth-child selector for IE 7 and 8」看到用 + 來硬幹 nth-child()…

一般是這樣寫：

/* standard nth */
ul.menu li:nth-child(3)
{
    /* styles for the 3rd LI */
}

遇到 IE{7,8} 時可以這樣幹：
/* IE nth */
ul.menu>li + li + li 
{
    /* styles for the 3rd LI */
}
或是：
/* alternate, more specific IE nth */
ul.menu>li:first-child + li + li 
{
    /* styles for the 3rd LI */
}
印象中很久前有看到一堆這類硬幹的技巧，不過都忘光了… 寫一篇記錄下來 XD

我自己做项目中用到的有：
.backend-home .item:nth-child(1), .backend-home .item:nth-child(4) {
    margin-left: 0px;
}
/* IE nth */ 
.backend-home div.backend-update-info>a:first-child + a + a + a,
.backend-home div.backend-update-info>a:first-child {
 margin-left: 0px;
}