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

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

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

예: 사용자가 지정된 요소 위로 마우스를 가져가면 :hover를 사용하여 이 요소의 상태를 설명할 수 있습니다. 일반 CSS와 유사하고 기존 요소에 스타일을 추가할 수 있지만, 스타일은 DOM 트리로 설명할 수 없으므로 요소에만 추가할 수 있으므로 의사 클래스라고 합니다.

가상 클래스는 동적일 수 있고 사용자가 문서와 상호작용할 때 요소는 의사 클래스를 얻거나 잃을 수 있는 것처럼 느껴집니다. 예외는 문서 트리에서 추론할 수 있는 ":first-child"와 경우에 따라 문서 트리에서도 추론할 수 있는 ":lang"입니다.

그 기능은 클래스와 다소 비슷하다고 볼 수 있지만, 문서 외부의 추상화에 기반을 두고 있으므로 의사 클래스라고 합니다.

의사 클래스에는 다음이 포함됩니다: :first-child, :link:, Visited, :hover:, :active, :focus, :lang, :right, :left, :first

가상 클래스란 무엇입니까?

It CSS에 내장되어 있습니다. 클래스 CSS 자체는 몇 가지 기능을 제공합니다. 즉, class=... 또는 id=... 없이 직접 사용할 수 있습니다. 물론 일부 속성을 변경할 수도 있습니다. 예: a:link{ color:#FF0000;}

많은 CSS 제안이 브라우저에서 지원되지 않지만 하이퍼링크에 안전하게 사용할 수 있는 4개의 의사 클래스가 있습니다.

• :링크는 방문하지 않은 연결에 사용됩니다.

• : 방문은 이미 방문한 연결에 사용됩니다.

• : 활성은 포커스를 받은 연결(예: 클릭)에 사용됩니다.

• :hover는 마우스 커서가 위치한 연결에 사용됩니다.

【추천 학습: css 동영상 튜토리얼】

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