CSS3는 의사 클래스 선택자를 이해합니다.

CSS3 의사 클래스 선택기에 대한 간략한 소개:
표준 브라우저가 등장하기 전에 많은 초보자는 의사 클래스 선택기에 익숙하지 않을 수 있지만 :link, :focus 및 :hover의 원칙에는 익숙합니다. . 링크 상태 스타일을 설정하는 데 자주 사용되기 때문에 익숙할 것입니다.
가상 클래스 선택기의 기본 구문:

  selector:pseudo-class{
  property:value;
}

구조 분석:
1.selector: 기타 CSS 선택기.
2.:pseudo-class: 의사 클래스 선택자.
3.property:value: 해당 스타일 속성 및 값.
코드 예시는 다음과 같습니다:

a:link{color:red;}
a.title:link{color:blue;}

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1 :target p{ color: red; }; </style> </head> <body> <div id="div1"> i am div1 <div id="div2"> i am div2 <p>pppp</p> </div> </div> <a href="#div2">click me</a> </body> </html>

제출하다 코드 재설정

자동운전