본문 바로가기
Front-end/CSS

가상 클래스 :link, :visited, :hover, :active, :focus

by mooyou 2021. 12. 20.
728x90
300x250

가상 클래스란?

사용자가 클릭을 하거나 마우스 커서를 특정 요소에 올려놓는 등의 어떤 동작을 할 때 스타일이 바뀌도록 만든 클래스

가상 클래스는 슈도 클래스 라고도 한다. (Pseudo Classes)

  • :link - 방문하지 않은 링크에 적용
  • :visited - 방문한 링크에 스타일 적용
  • :hover - 특정 엘리먼트에 마우스 커서를 올려 놓을 때 스타일 적용
  • :active - 특정 엘리먼트를 활성화 했을 때 스타일 적용
  • :focus - 특정 엘리먼트에 포커스가 맞추어졌을 때 스타일 적용 ( 탭을 눌러 초점을 이동하거나 input박스 입력을 위해 필드 안에 마우스 커서를 두었을때)

 

728x90
반응형

댓글