1. 程式人生 > >解決nth-child(n)屬性在IE8瀏覽器中相容性問題

解決nth-child(n)屬性在IE8瀏覽器中相容性問題

因為在專案中用到了nth-child(n)屬性,如下所示

.level1 span:nth-child(2) {
    margin-left: 24px !important;
}
而該屬性卻在IE8瀏覽器中出現相容性問題,後面參考相關資料得知,可以使用以下方式處理在IE8中相容性
.level1>span + span {
     margin-left: 24px !important;
}
參考資料地址:http://blog.abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/