ハック 2015.06.26 5,806 CSS3CSSセレクタ:liをカウントしてn個目以降非表示にする ツイート シェア はてな 5個目のliまで表示してそれ以降を非表示にしたい場合は以下のように記述します。CSS li:nth-child(n+6) { display: none; } 参考::nth-childの使い方つくってみた!社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。Amazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた関連記事 CSS3:n番目の要素を指定するセレクタ IE8では利用できない擬似セレクタ CSS:last-childより「last-child以外」の方がブラウザにやさしい CSS3:奇数・偶数番目の要素を指定する。 CSS3では背景画像を複数重ねて指定・表示できる 子要素が一つのみの場合に適用される「:only-child」と「:only-of-type」セレクタの違い