내 :visited CSS 스타일이 Font-Weight 및 기타 속성에서 작동하지 않는 이유는 무엇입니까?

이 a:visited CSS 스타일이 작동하지 않는 이유는 무엇입니까?

사용자가 이전에 액세스한 스타일 요소에 :visited 의사 클래스를 적용하는 경우 , 개발자는 글꼴 두께와 같은 특정 속성이 Internet Explorer 또는 Internet Explorer와 같은 브라우저에서 예상대로 작동하지 않는 문제에 직면할 수 있습니다. Chrome.

문제 설명

이 동작은 대소문자 구분으로 인한 것이 아니라 보안 문제로 인한 것입니다. 최신 브라우저(Firefox 4, Internet Explorer 9, Chrome)에서는 CSS 악용을 방지하기 위해 :visited 의사 클래스의 기능을 제한했습니다. 기본적으로 이러한 브라우저는 방문한 링크에 대해 마치 방문한 적이 없는 것처럼 CSS 값을 반환합니다.

구체적으로 브라우저는 잠재적인 보안 취약성을 완화하기 위해 특정 보호 조치를 구현합니다.

• 창. getCompulatedStyle 메소드 및 유사한 함수는 방문한 링크를 방문하지 않은 것으로 보고합니다.
• 형제 선택기를 사용하는 경우 (예:visited 스팬) 인접한 요소는 링크가 방문되지 않은 것처럼 스타일이 지정됩니다.
• 중첩 링크 시나리오에서 스타일이 지정되는 요소가 방문한 상태의 링크와 다른 경우에도 스타일이 지정됩니다. 다음과 같이 렌더링 방문하지 않았습니다.

해결 방법

안타깝게도 이 문제에 대한 신뢰할 수 있는 해결 방법은 없습니다. 접근성을 변경하거나 접근성 설정을 수정해도 영구적인 해결 방법이 제공되지 않을 수 있습니다. 따라서 웹 애플리케이션에서 글꼴 두께와 같은 민감한 요소의 스타일을 지정하기 위해 :visited 의사 클래스를 사용하지 않는 것이 좋습니다.

위 내용은 내 :visited CSS 스타일이 Font-Weight 및 기타 속성에서 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!