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