>웹 프론트엔드 >CSS 튜토리얼 >방문한 CSS가 작동하지 않는 경우 수행할 작업

방문한 CSS가 작동하지 않는 경우 수행할 작업

藏色散人
藏色散人원래의
2020-12-14 09:25:063234검색

Visited CSS가 작동하지 않습니다. 해결 방법: 1. CSS에 정의된 하이퍼링크의 네 가지 상태 순서를 수정합니다. 2. 스타일을 "a:visited {color: #FFFF00;text-꾸밈:none;}"으로 수정합니다.

방문한 CSS가 작동하지 않는 경우 수행할 작업

이 튜토리얼의 운영 환경: windows7 시스템, css3 버전, thinkpad t480 컴퓨터.

왜:visited가 CSS에서 작동하지 않나요?

1. 순서는 다를 수 있습니다

CSS에서 정의한 하이퍼링크의 네 가지 상태도 순서대로 되어 있습니다

a:link {} /* 未访问的链接 */
a:visited {} /* 已访问的链接 */
a:hover {} /* 当有鼠标悬停在链接上 */
a:active {} /* 被选择的链接 */

이 네 가지 의사 클래스를 설정할 때 특별한 주의가 필요한 것이 하나 있는데, 바로 순서입니다. 순차 원칙, 즉 링크 ~ 방문 ~ 호버 ~ 활성을 준수해야 합니다. 순서를 잘못 맞추면 예상치 못한 오류가 발생합니다. 초보자라면 프라이빗하게 연습해도 됩니다.

2. a href의 링크가 유효하지 않을 수 있습니다.

잘못된 링크는 a의 방문 설정을 무효화합니다. 이는 링크를 클릭한 후 웹페이지 방문 기록이 없기 때문입니다.

***코드가 다음과 같은 경우, 즉 href="#" 링크가 일관적이므로 클릭한 후 모든 방문 색상이 변경됩니다.

  a:visited   {color: #FFFF00;  text-decoration:none;}
<p><a href="#">AA</a></p>
<p><a href="#">BB </a></p>

권장: "css 비디오 튜토리얼 "

위 내용은 방문한 CSS가 작동하지 않는 경우 수행할 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.