CSS_3

다음은 가상 클래스 선택자에 대해서 알아보겠습니다.

이건 간단합니다.

우선 간단하게 코딩을 해보도록 하겠습니다.

코딩을 이런식으로 한 후에 결과화면을 보면 다음과 같이 나오게 됩니다.

왼쪽에 "Google 방문 전" 이라고 쓰여있는것은 제가 클릭하기 전 이구요

오른쪽에 "Naver 방문 후" 라고 쓰여있는건 제가 클릭하고 나서 캡쳐한 화면입니다.

따라서 클릭하기전엔 기본값으로 파란색, 클릭한 후엔 기본값으로 보라색이 나오게 됩니다.

가상 클래스 선택자에는 이런것들이 있습니다.

• :link – 방문한 적이 없는 링크
• :visited – 방문한 적이 있는 링크
• :hover – 마우스를 롤오버 했을 때
• :active – 마우스를 클릭했을 때

이런것들을 어떻게 써야 하는지 알아보도록 하겠습니다.

style 태그 안에 이런식으로 넣어주면 끝~!!