가상클래스 종류

 

가상클래스 종류

가상클래스	설명
:link	방문 안한 링크
:visited	방문한 링크
:active	링크를 누를때
:hover	링크에 마우스를 올릴 때
:focus	요소가 포커스될 때(키보드 입력이나 문자 입력 양식에서)
:first-child	요소의 첫번째 자식을 호출 부모 요소 안에 있는 첫번째 자식만을 선택할 수 있는 선택자
:last-child	부모 요소 안에 있는 마지막 자식만  선택하는 선택자
:first-line	문단의 첫번째 줄에 적용(블록 레벨 요소에만 적용)
:first-letter	블록 요소의 첫번째 줄의 첫번째 문자 선택
:before	요소의 내용 앞에 추가시킬 태그를 지정(content 속성과 함께 사용)
:after	요소의 내용 뒤에 추가시킬 태그를 지정(content 속성과 함께 사용)

 

사용 예

p:first-letter { font-size : 2.5em ; } li:after { content : ";" ; }

 

 

<a>태그에서 사용 예

a:link{ text-decoration:none } a:visited{ text-decoration:none } a:active{ text-decoration:none } a:hover{ text-decoration:underline }

 

span태그에 마우스가 올라가는 경우에 적용되는 스타일

span:hover{ }