[CSS] css를 쓰다보면 알아야하는 가상선택자

 

a 태그

 

hover : 마우스를 올렸을 때

 

active : 마우스를 눌렀을때

 

link : 방문 전 링크 

 

visited : 방문 후 링크 

 

 

 

 

input 태그

 

focus : 입력을 위해 초점이 맞춰져 있을 때 

 

 

 

:nth-child 여러개의 같은 태그중 하나 선택하기 

 

:nth-child(3)    3번째 태그 선택

:first-child        첫번째 태그 선택

:last-child         마지막 태그 선택 

선택자1.not(선택자2)       선택자1중 선택자2를 제외한 요소

 

 

 

 

:after :before

[CSS] - [CSS]가상선택자 :before / : after 활용하기

 

 

:checked

[CSS] - [CSS]input[type=radio], input[type=checkbox] 스타일 적용 및 checked 선택자 이용하기

 

 

:selection

[CSS] - [CSS]::selection 드래그로 선택했을때 영역 색 변경하기

 

 

:target

[CSS] - [CSS] :target 가상클래스 선택자