CSS

[CSS] nth-child n배수 요소 선택하기 nth-child(n+n)

chsr 2021. 4. 15. 09:17
728x90
반응형

■ CSS nth-child n배수 요소 선택하기 nth-child(n+n)


 사용법

# 4의 배수(4,8,12,16,20,···)의 요소 선택하기

<style>
  .mainUl li:nth-child(4n+0){ color:red; }
</style>

<ul class="mainUl">
  <li>A</li>
  <li>B</li>
  <li>C</li>
  <li>D</li>
  <li>E</li>
  <li>F</li>
  <li>G</li>
  <li>H</li>
  <li>I</li>
</ul>
728x90
반응형