2016年3月12日土曜日

[CSS]疑似クラスまとめ

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

▼最初&最後だけに反映



プロパティ: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){~};

0 件のコメント:

コメントを投稿