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
반응형
'CSS' 카테고리의 다른 글
[CSS] text gradient 텍스트 그라데이션 효과 (0) | 2021.04.22 |
---|---|
[CSS] background gradient 배경 그라데이션 효과 (0) | 2021.04.22 |
[CSS] box-shadow 박스 그림자 효과 (0) | 2021.04.12 |
[CSS] 머티리얼 아이콘 material-icons 구글 웹폰트 (0) | 2021.02.09 |
[CSS] :not(:first-child), :not(:last-child) (0) | 2020.07.10 |