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