CSSセレクタ:liをカウントしてn個目以降非表示にする

harada 276views 更新:2015年6月26日

5個目のliまで表示してそれ以降を非表示にしたい場合は以下のように記述します。

CSS

  li:nth-child(n+6) {
    display: none;
  }

参考::nth-childの使い方

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません