구조적 가상 클래스 선택자
pseudo 의사코드
li:nth-child(odd){color: plum;} /*홀수 위치의 태그의 속성을 변경 */
li:nth-child(even){color: cornflowerblue;} /* 짝수 위치의 태그의 속성을 변경 */
li:nth-child(3n){color: gray;} /* 3의 배수 위치의 태그의 속성을 변경 */
li:nth-child(5){color: palegreen;} /* 5번 위치의 태그의 속성을 변경 */
'CSS' 카테고리의 다른 글
| [css] 외부스타일시트 (0) | 2023.02.23 |
|---|---|
| [css] float (0) | 2023.02.23 |
| [css] over-flow (0) | 2023.02.23 |
| [css] Selector (선택자) (0) | 2023.02.22 |
| [css] margin (0) | 2023.02.22 |
