하이퍼링크에 대한 색상을 주려고 할 때

마우스가 하이퍼링크에 다가가면

색상이 변한다던지

언더라인이 생긴다던지 하는 효과를 우리는 흔히 구현한다.

그런데..

 

A:link, A:active, A:visited {

  font-size: 9pt;

  text-decoration: none;

  font-family: "굴림";

}

A:hover {

  text-decoration: underline;

  color: red;

}

 

처럼 사용하면 별 문제가 없으나

 

A:hover {

  text-decoration: underline;

  color: red;

}

A:link, A:active, A:visited {

  font-size: 9pt;

  text-decoration: none;

  font-family: "굴림";

}

 

처럼 A:hover 의 정의가 다른 것들 앞에 나타나면

a:visited 항목에 대해서는

a:hover 의 정의가 적용되지 않는다.

 

밑거나 말거나~^^*

 

환경 :

MS Windows 2000 Professional SP2

MS Internet Explorer 5.5 SP2