5.4.1 링크 가상 클래스 선택자
링크 가상 클래스 선택자는 a 태그에서 발생할 수 있는 링크 상태를 이용해 선택하는 방법입니다.
표 5-3 링크 가상 클래스 선택자
|
종류 |
설명 |
|
:link |
한 번도 방문하지 않은 링크일 때 선택합니다. |
|
:visited |
한 번이라도 방문한 적이 있는 링크일 때 선택합니다. |
다음 코드는 한 번도 방문한 적이 없는 링크는 주황색으로 표시하고, 한 번 이상 방문한 적이 있는 링크는 초록색으로 표시합니다.
TIP | 예제 코드를 실행했을 때 링크 색상이 전부 초록색으로 보인다면 한 번이라도 방문한 적이 있는 링크입니다. 웹 브라우저는 사용자의 방문 기록을 웹 브라우저에서 저장합니다. 따라서 웹 브라우저의 방문 기록을 삭제하지 않고 실행했을 때 코드를 실행한 웹 브라우저로 한 번이라도 접속한 적이 있다면 방문한 링크(초록색)라고 표시됩니다.
05/03/link-pseudo.html
<style>
a:link{ /* 한 번도 방문한 적이 없는 링크 */
color:orange;
}
a:visited{ /* 한 번이라도 방문한 적이 있는 링크 */
color:green;
}
</style>