CSS3 링크 의사 클래스란 무엇입니까?

5개의 CSS3 링크 의사 클래스가 있습니다. 즉: 1. 방문하지 않은 링크의 스타일을 설정하는 ":link" 2. 방문한 링크의 스타일을 설정하는 ":visited" , 링크 위로 마우스를 가져가는 스타일을 설정합니다. 4. ":active" 5. ":focus";

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS 링크 의사 클래스란 무엇입니까?

CSS 링크 의사 클래스는 CSS에 내장된 클래스입니다. CSS 자체는 링크에 특수 효과를 추가하는 몇 가지 기능을 제공합니다.

CSS 링크 의사 클래스는 링크에 특수 효과를 추가하는 데 사용됩니다.

CSS 의사 클래스는 선택기의 일부 특수 효과를 추가하는 데 사용됩니다. 이는 특정 상태에 있는 기존 요소에 해당 스타일을 추가하는 데 사용됩니다. 이 상태는 사용자 행동에 따라 동적으로 변경됩니다.

링크에 대한 여러 의사 클래스 요소

• :link--방문하지 않은 링크의 스타일을 설정하려면 이것을 사용하세요.

• :visited--방문한 링크의 스타일을 설정하려면 이것을 사용하세요

• : hover--링크 위로 마우스를 가져가는 스타일을 설정하는 데 사용됩니다

• :active--마우스가 링크를 클릭할 때부터 마우스를 놓을 때까지의 스타일을 설정하는 데 사용

• :focus-- 키보드를 사용하여 링크에 초점을 맞출 때 스타일을 설정하는 데 사용됩니다(예: 탭 키나 위쪽 및 아래쪽 키를 사용하여 페이지 초점을 이동할 때)

방문하지 않은 일반 링크

a:link {
    text-decoration: none;
}

방문한 링크

a:visited {
    text-decoration: none;
}

마우스가 지나간 링크(계속 유지됨)

a:hover {
    text-decoration: none;
}

링크를 클릭하고 있는 상태, 요소에 마우스를 눌렀으나 놓이지 않은 상태

a:active {
    text-decoration: none;
}

포커스를 받았을 때 마우스를 놓았을 때 표시되는 색상

a:focus {
    text-decoration: none;
}

(학습 영상 공유: css 영상 튜토리얼)

위 내용은 CSS3 링크 의사 클래스란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!