li:nth-last-child(2n+1) 마지막에서 2의배수
li:nth-child(2n+1) 첫번째부터의 2의배수
<STYLE>
p:nth-last-child(2n+1) {background: red;}
p:nth-child(2n+1){background: yellow;}
</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' 카테고리의 다른 글
| select, 다중선택과 그룹화 (0) | 2023.03.30 |
|---|---|
| CSS 선택자 속성값에 특정단어포함여부 + 정규표현식 (0) | 2023.03.30 |
| CSS 선택자 첫/마지막번째, *-of-type (0) | 2023.03.30 |
| CSS 선택자, 번갈아 선택하기 nth-of-type() (0) | 2023.03.30 |
| CSS 선택자, 번갈아 선택하기 odd/even (0) | 2023.03.30 |
