CSS3 - 반응 선택자

반응 선택자는 사용자의 반응으로 생성되는 특정한 상태를 선택하는 선택자입니다. 사용자가 마우스를 특정한 태그 위에 올리면 hover 상태가 적용되고, 클릭하면 active 상태가 적용됩니다.

선택자 형태	설명
:active	사용자가 마우스로 클릭한 태그를 선택합니다.
:hover	사용자가 마우스를 올린 태그를 선택합니다.

 

User Action Selector

 

예시1

글자 위에 마우스를 올리면 빨간색이 적용되고 마우스로 클릭하면 파란색이 적용됩니다.