가상 클래스 선택자

구분

설명

:link { ... }

기본적으로 가지고 있는 상태

:visited { ... }

방문한 상태 (보안상의 문제로 모든 속성을 사용할 수 없고 일부 속성만 사용 가능)

:hover { ... }

마우스가 올라간 상태 (마우스 오버)

:active { ... }

마우스로 클릭한 상태

:focus { ... }

포커스가 된 상태 (탭키를 사용해서 선택된 상태, 마크업을 가장 마지막에 하는 것이 좋다)

:hover { ... }

포거스가 된 상태에서 마우스가 올라간 상태

:active { ... }

포거스가 된 상태에서 마우스로 클릭한 상태

:first-child {... }

첫 번째 자식(대상을 선택하기 쉽게)

:last-child { ... }

마지막 자식

:nth-child(n) { ... }

중간 자식 (처음과 마지막을 제외한)포뮬러 공식이 사용될 수 있다

:nth-child(odd) { ... }

홀수번째 자식 또는 :nth-child(2n+1)로도 사용

:nth-child(even) { ... }

짝수번째 자식 또는 :nth-child(2n)로도 사용

:nth-child(An+B) { ... }

An+B번째 자식

:lang(ko) { ... }

사용되는 언어에 따라 디자인을 적용 가능

Last updated 3 years ago