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

css 의사 클래스는 요소의 특수 상태를 정의하는 데 사용됩니다. 1. 요소 위로 마우스를 가져갈 때 스타일을 설정합니다. 2. 방문한 링크와 방문하지 않은 링크에 대해 서로 다른 스타일을 설정합니다. 집중할 때 스타일.

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

의사 클래스란 무엇인가요?

의사 클래스는 요소의 특수 상태를 정의하는 데 사용됩니다.

예를 들어 다음과 같이 사용할 수 있습니다.

• 요소 위에 마우스를 올리면 스타일 설정

• 방문한 링크와 방문하지 않은 링크에 대해 서로 다른 스타일 설정

• 요소에 포커스가 있을 때 스타일 설정

구문

의사 클래스 구문:

selector:pseudo-class {
  property: value;
}

Anchor 의사 클래스

링크는 다양한 방식으로 표시될 수 있습니다.

Instances

/* 未访问的链接 */
a:link {
  color: #FF0000;
}
/* 已访问的链接 */
a:visited {
  color: #00FF00;
}
/* 鼠标悬停链接 */
a:hover {
  color: #FF00FF;
}
/* 已选择的链接 */
a:active {
  color: #0000FF;
}

참고: a:hover는 a:의 CSS 정의에 있어야 합니다. link 및 a:visited 후에 적용할 수 있나요? a:active가 적용되려면 CSS 정의에서 a:hover 뒤에 있어야 합니다! 의사 클래스 이름은 대소문자를 구분하지 않습니다.

의사 클래스 및 CSS 클래스

의사 클래스는 CSS 클래스와 함께 사용할 수 있습니다.

예제의 링크 위로 마우스를 가져가면 색상이 변경됩니다.

예제

a.highlight:hover {
  color: #ff0000;
}

권장 학습: " css 동영상 튜토리얼"

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