Menu
Coddy logo textTech

가상 클래스

Coddy HTML 여정의 CSS Mastery 섹션에 포함된 레슨 — 43개 중 7번째.

대화형 가상 클래스를 사용하면 사용자가 마우스를 요소 위로 올리거나, 클릭하거나, 선택하는 등의 동작을 할 때 요소의 모양을 변경할 수 있습니다. 이를 통해 웹사이트가 더 반응형으로 느껴지고 사용하기 즐겁게 만드는 데 도움이 됩니다.

의사 클래스(pseudo-classes)의 구문:

selector:pseudo-class {
  property: value;
}
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

치트 시트

대화형 가상 클래스는 사용자 상호작용에 따라 요소의 모양을 변경합니다. 다음 구문을 사용합니다:

selector:pseudo-class {
  property: value;
}

직접 해보기

이 레슨에는 코드 챌린지가 없습니다.

quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

CSS Mastery의 모든 레슨