yuheijotaki.com

jQueryとcssで:nth-child

よくグリッドレイアウトの部分でjQueryに

$('.hoge').eq(0).css({'margin-right':'0'});
$('.hoge:nth-child(2n)').css({'margin-right':'0'});

とか書くけど、jsの実行が遅いので一瞬上記が効かない状態で表示されてしまう。
そんなとき

.hoge:nth-child(1) {
	margin-right: 0px;
}
.hoge:nth-child(2n) {
	margin-right: 0px;
}

とかかぶせてやったほうが良いのでは説

 

Can I useさん曰くIE8〜だいたいいけると仰ってるので、最近の対象ブラウザではこれでストレスなくなるんじゃないかと。。。
まぁメンテナンス性は悪いです。

 

参考