CSS3:nth-child() について selector_html/css_WEB-ITnose

小さな正方形がたくさんあるページ。大きな正方形のクラスは大きく、小さな正方形のクラスは小さいです。CSS3 セレクターを使用して次のように記述します。

.small:nth-child(even){margin-right:0;}

偶数番号の小さな正方形のマージンを設定します。 0 になりますが、3 つの小さな正方形の右マージンは 0 に等しくなります。何が起こっているのでしょうか?

デモ: http://guusoft.com/test/

ディスカッションへの返信 (解決策)

他のネチズンの指導により、親要素から奇数または偶数の子要素を選択することは問題ではないことを理解しました。特別な型 (.small) を参照しますが、すべての子要素をカウントします。
最終的な解決策は次のとおりです:

$(".small:odd").addClass("last");