구조적 가상 클래스
Coddy HTML 여정의 CSS 마스터 섹션에 포함된 레슨. 43개 중 12번째.
CSS의 구조적 의사 클래스는 HTML 문서 내 요소의 위치나 구조를 기반으로 요소의 스타일을 지정하는 데 사용됩니다. 추가 클래스나 ID 없이 첫 번째 자식, 마지막 자식 또는 특정 번호의 자식과 같은 요소를 선택할 수 있습니다.
일반적인 예시는 다음과 같습니다:
:first-child: 부모의 첫 번째 자식을 선택합니다.
:last-child: 부모의 마지막 자식 요소를 선택합니다.:nth-child(n): n번째 자식 요소를 선택합니다(예: 2번째, 3번째마다 등).
직접 해보기
이 레슨에는 코드 챌린지가 없습니다.
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
CSS 마스터의 모든 레슨
직접 연습해 보세요: Web 플레이그라운드