CSS：safariでnth-childが効かない時の対処法

macやiPhoneにて、safariではnth-childが効かなかったので、対処法をメモしておきます。

nth-childではなく、nth-of-typeを使う

書き方例

.test li{
background: #EEE;
}

.test li:nth-of-type(2n){
background: #333;
}

これでliの２番目だけ背景の色が変わります。

ちょっとしたメモですがsafariだけは今だにCSSではまることがありますね。
昔のIEみたいな感じになってきてて、コーダーにとっては厄介者です。。。