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

This entry was posted in Browser, Computer, CSS, Murmuring, Network, Software, WWW and tagged , , , , , , . Bookmark the permalink.

One Response to IE7 與 IE8 上的 :nth-child...

  1. Pingback: 关于:nth-child的兼容性 | 许海浩

Leave a Reply

Your email address will not be published. Required fields are marked *