寫作背景

今天有個列表中第一行邊框有特殊樣式，第二個要求沒有，其他的要求有邊框

經常用：first-child  但是第二個確不是second-child

而是用css3的nth-child（n）

但是有個相容問題就查了一下資料，如下

說明demo

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

/* 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 */
}
 

自己用到的

.media:nth-child(2){

}

參考地址

http://blog.abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/