CSSで、要素の3つごと目だけ、スタイルを適用したいことがあります。
その場合は下記のようなCSSを加えます。
下記コードは、同じ親要素の子要素で、指定したクラスに一致するものの3つごとを選択します。
1 2 3 4 5 6 7 8 9 10 |
.container .wrap { margin-right:1%; } /* 3つごとの特定のクラスの子要素にだけスタイルを適用 */ .container .sub:nth-of-type(3n) { margin-right:0; } |
単純にクラスなどは関係なく子要素の3つごとの場合は下記のようにします。
1 2 3 4 5 6 7 8 9 10 |
.container .wrap { border-width:1px; } /* 3つごとの子要素にだけスタイルを適用 */ .container .sub:nth-child(3n) { border-bottom-width:0; } |