[CSS] 가상 셀렉터(Pseudo Selector)

 

가상 셀렉터는 HTML 요소의 상태에 따라 스타일을 다르게 적용할 수 있다.

 

:active

: 사용자의 마우스가 해당 요소를 클릭하는 순간부터 떼는 순간까지 요소의 스타일 변경 가능

.active-item:active{
	background-color: black;
}

 

 

:hover

: 마우스가 해당 요소 위에 있을 때 요소의 스타일 변경 가능

.mouse-on:hover{
	background-color: orange;
}

 

 

 

:focus

: 마우스가 해당 요소 클릭하면 요소의 스타일 변경 가능

.focus-item:focus{
	background-color: green;
}