○番目以降を指定
1 2 3 |
li:nth-child(n + 6){ display: none; } |
以下のようなリストタグでリスト6以降を表示したくない場合などに便利!
1 2 3 4 5 6 7 8 9 10 11 12 |
<ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> <li>リスト4</li> <li>リスト5</li> <li>リスト6</li> <li>リスト7</li> <li>リスト8</li> <li>リスト9</li> <li>リスト10</li> </ul> |