CSS 구조의 의사 클래스 선택자는 무엇입니까?

선택기에는 다음이 포함됩니다: :root, :not, :only-child, :first-child, :last-child, :empty:target, :nth-child(n), nth-last-child(n), : nth -of-type(n) 등

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

:루트 선택기: 문서 루트 요소와 일치

:선택기 아님: 먼저 구조 요소가 효과적이려면 제외해야 하는 하위 구조 요소에 스타일을 설정해야 합니다

예:

:only -child:

first-child, :last-child:

:nth-child(n), nth-last-child(n):

: n번째 유형(n), n번째 마지막 유형(n):

:n번째-child(n)과 :n번째 유형(n)

의 차이점

7. :empty:: 빈 선택기는 하위 요소가 없거나 빈 텍스트 내용이 있는 모든 요소를 ​​선택하는 데 사용됩니다.

8. :target::target 선택기는 페이지의 특정 대상 요소에 대한 스타일을 지정하는 데 사용됩니다(요소의 ID는 페이지에서 하이퍼링크로 사용됩니다). :target 선택기에 의해 설정된 스타일은 사용자가 페이지의 하이퍼링크를 클릭하고 대상 요소로 이동한 후에만 적용됩니다.

추천 학습: css 비디오 튜토리얼

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