p:nth-child(even), 홀수
p:nth-child(odd), 짝수
<STYLE>
p:nth-child(even){background: yellow;}
p:nth-child(odd){background: red;}
</STYLE>
<P class="stand">STANDOUT</P>
<P class="out">STANDOUT</P>
<P class="out">STANDOUT</P>
<P class="stand">STANDOUT</P>
<P class="out">STANDOUT</P>
<P class="out">STANDOUT</P>
<H3>STANDOUT</H3>
'HTML·CSS' 카테고리의 다른 글
CSS 선택자 첫/마지막번째, *-of-type (0) | 2023.03.30 |
---|---|
CSS 선택자, 번갈아 선택하기 nth-of-type() (0) | 2023.03.30 |
CSS 선택자, input 활성화/비활성화 감지 :enabled, :disabled (0) | 2023.03.30 |
CSS 선택자 :link/:visited 링크텍스트/방문링크 (0) | 2023.03.30 |
CSS 선택자 ::first-letter/line 첫번째 글자/줄 (0) | 2023.03.30 |