CSS :hover :active :focus 차이

hover

마우스가 해당 요소 위에 있을 때만 스타일 요소 적용

See the Pen Untitled by 윤미주 (@yhjbuldw-the-flexboxer) on CodePen.

active

마우스가 해당 요소를 클릭하는 순간에만 스타일 요소 적용

See the Pen Untitled by 윤미주 (@yhjbuldw-the-flexboxer) on CodePen.

 

 

focus 

마우스가 해당 요소를 클릭하고 부터 다른 요소를 선택하기 전까지 계속 스타일 요소 적용

See the Pen Untitled by 윤미주 (@yhjbuldw-the-flexboxer) on CodePen.