3 列と 3 行の div 要素があります。
CSSを使用して3つおきの項目から右マージンを削除する最良の方法は何ですか?
:nth-child(3n)
3 つおきの項目が選択されます。順序付けられていないリストの例を次に示します: http://jsfiddle.net/894p6/。
ただし、IE8以下ではサポートされていません。必要に応じてそれを乗り越えるjQueryセレクターを使用できます。
使用できます:nth-child
div:nth-child(3n+3) {
margin-right: 0;
}
非常に役立つこのリンクをご覧ください: http://css-tricks.com/how-nth-child-works/
margin right を 0 px に設定して 3 番目の項目のカスタム クラスを追加できますが、スタイルを適用するには動的なもの (行が異なる場合) を使用する必要があります。
動的な場合、アイテムが3番目かどうかを検出するifステートメントのようなものを意味します