CSS 셀렉터 n번째부터 전체 선택

1 개요

CSS select all items from n-th item

CSS 셀렉터 n번째부터 전체 선택

<style>
li:nth-child(n+4) { color: red; }
li:nth-of-type(n+8) { background: yellow; }
</style>

<ol>
  <li>한놈</li>
  <li>두시기</li>
  <li>석삼</li>
  <li>너구리</li>
  <li>오징어</li>
  <li>육개장</li>
  <li>칠면조</li>
  <li>팔보채</li>
  <li>구구단</li>
  <li>십자가</li>
</ol>

2 참고 자료

• https://css-tricks.com/forums/topic/select-all-items-after-10th-item/