Pseudo 상태 (hover, focus, active, ...)

지원 상태

Prefix	CSS pseudo	용도
hover:	:hover	마우스 오버
focus:	:focus	포커스 (탭/클릭)
focus-visible:	:focus-visible	키보드 포커스만 (마우스 클릭 제외)
focus-within:	:focus-within	자식이 포커스될 때
active:	:active	클릭/터치 누르는 중
disabled:	:disabled	비활성 상태
checked:	:checked	체크박스/라디오 체크됨
visited:	:visited	방문한 링크

사용 예시

버튼

소스 코드 보기

Input

소스 코드 보기

Transform on hover

Hover me

소스 코드 보기

반응형 × Pseudo 조합

모바일: 빨강 (hover→초록) / 태블릿+: 파랑 (hover→노랑)

소스 코드 보기

prefix 순서: breakpoint:pseudo:property:value.