[CSS]疑似クラスまとめ

投稿者: | 2016年3月12日

一部なかなか覚えられないのでまとめておく

▼最初&最後だけに反映

プロパティ:first-child{~};
プロパティ:last-child{~};

▼奇数&偶数だけに反映

プロパティ:nth-child(odd){~};
プロパティ:nth-child(even){~};

▼指定の倍数だけに反映(例は2の倍数)

プロパティ:nth-child(2n) {~};

▼順番を指定して反映(例は2番目に反映)

プロパティ:nth-child(2) {~};

▼下からの順番を指定して反映(例は下から2番目に反映)

プロパティ:nth-last-child(2){~};

▼1~3番目の指定を繰り返して反映

プロパティ:nth-child(3n+1){~};
プロパティ:nth-child(3n+2){~};
プロパティ:nth-child(3n+3){~};
カテゴリー: CSS

コメントを残す

メールアドレスが公開されることはありません。