왜 다음 스타일링의 링크가 작동하지 않습니까?CSS의 링크 스타일링
<html>
<head>
<style type="text/css">
a:link {color:#123456;} /* unvisited link */
</style>
</head>
<body>
<a href="http://www.google.com">Visit Google</a>
</body>
</html>
고마워요!
왜 다음 스타일링의 링크가 작동하지 않습니까?CSS의 링크 스타일링
<html>
<head>
<style type="text/css">
a:link {color:#123456;} /* unvisited link */
</style>
</head>
<body>
<a href="http://www.google.com">Visit Google</a>
</body>
</html>
고마워요!
링크가 방문했기 때문입니다. 마지막 선언 링크에 관계없이 :visited
푸른 될 것입니다 제거하면
는
a {color: blue;} /* unvisited link */
a:visited {color: orange;} /* visited link*/
을보십시오.
과 a : hover {color : # f00;}는 마우스를 올려 놓으면 빨간색으로 표시됩니다. – BerggreenDK
그리고 당신이 미래의 작업에 의존해서는 안 : 일반적인 모범 사례를 들어
http://blog.mozilla.com/security/2010/03/31/plugging-the-css-history-leak/
이것은 스타일 정보를보기 위해 DOM을 쿼리하는 스크립트에 관한 것입니다. : 방문 된 의사 클래스는 사용자가 보는 것을 위해 계속 작동합니다 (스타일이 지정된 것에 대한 제한 사항이 있음에도 불구하고). 앵커 스타일에 대한 DOM 쿼리는 링크가 방문되지 않은 것처럼 항상 작동합니다. – bcherry
는 링크 스타일링 계층 구조는 다음과 같이 작동
a:link {
color: #ff0000;
}
a:visited {
color: #ff0000;
}
a:hover {
color: #cccccc;
}
a:focus {
color: #cccccc;
}
a:active {
color: #cccccc;
}
그것은에 최선 위와 같이 단독으로 또는 다음과 같이이 모든 작업을 항상 적용하십시오.
하지만 상관없이 순서는 매우 중요하며 따라 가지 않으면 덮어 쓸 수 있습니다.
100 % 확실한 www.google.com은 방문하지 않았습니까? :-) – ChssPly76
브라우저 기록을 지우고 다시 시도하십시오. 또는 무작위/비공개 링크를 선택하고 다시 시도하십시오.) – BalusC
당신이 맞았습니다 :) 링크가 실제로 방문되었습니다. 브라우저 기록을 지운 후에는 효과가있었습니다! 나는 "방문한 링크"의 의미를 이해하지 못한다고 생각합니다. 브라우저 (예 : Firefox)는 링크가 방문되었음을 어떻게 기억합니까? –