가상 선택 클래스, 가상요소 / :hover /a태그/ href

가상 선택 클래스, 가상요소

 

유저가 어떤걸 클릭을 한다거나 마우스포인터를 올려놨다 그때

특정동작하고 싶음 그때 사용

사용자 동작에 반응하는 녀석들 자주써!

가상클래스 선택자
:link
방문하지 않는 링크에 스타일 적용
:visited
웹문서의 링크중에서 한번 이상 방문한 링크에 스타일 적용
:hover
마우스 포인터를 올려놓을 때 스타일 적용
:active
웹요소의 링크나 이미지등을 활성화 했을 때, 클릭햇을 때 스타일을
지정
:focus
웹 요소의 초점이 맞추어져있을 때 스타일 적용

 

navi에 a(하위선택자) 얘기하는거겠지?

거기에 반응형..

 

마우스 갖다대면 이렇게~

 

 

참고로

<a href=“URL”>
<a> 태그의 href 속성은 링크된 페이지의 URL을 명시합니다