본문 바로가기

프로그래밍 공부/CSS3

CSS3 - 반응 선택자

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

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

 

User Action Selector

 

예시1

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

'프로그래밍 공부 > CSS3' 카테고리의 다른 글

CSS3 - 구조 선택자  (0) 2019.11.15
CSS3 - 상태 선택자  (0) 2019.11.15
CSS3 - 동위 선택자  (0) 2019.11.14
CSS3 - 후손 선택자와 자손 선택자  (0) 2019.11.14
CSS3 - 속성 선택자  (0) 2019.11.13