>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 의사 클래스와 의사 요소의 차이점은 무엇입니까

CSS에서 의사 클래스와 의사 요소의 차이점은 무엇입니까

王林
王林앞으로
2020-07-17 17:25:424319검색

CSS에서 의사 클래스와 의사 요소의 차이점은 무엇입니까

1. 정의 차이

(권장 튜토리얼: css 빠른 시작)

Pseudo-classes

Pseudo-classes는 DOM 트리 외부의 정보나 간단한 선택기로 표현할 수 없는 정보를 선택하는 데 사용됩니다. 전자에는 :visited, :active와 같이 지정된 상태와 일치하는 요소가 포함되고, 후자에는 :first-child, :first-of-type, :target과 같은 특정 논리적 조건을 충족하는 DOM 트리의 요소가 포함됩니다. .

의사 요소

의사 요소는 DOM 트리에 정의되지 않은 가상 요소입니다. 다른 선택기와 달리 요소를 가장 작은 선택 단위로 사용하지 않고 요소의 지정된 내용을 선택합니다. 예를 들어::before는 선택한 요소의 이전 내용을 의미합니다. 즉, ""는 선택한 요소의 선택한 내용을 의미합니다.

두 가지, 문법적 차이점 c CSS3에서 의사 클래스는 의사 요소와 문법적으로도 다릅니다. 의사 요소는 ::로 시작하도록 수정됩니다. 그러나 역사적인 이유로 인해 브라우저는 계속해서:로 시작하는 의사 요소를 지원하지만, :::로 시작하는 표준 형식으로 작성하는 것이 좋습니다.

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

성명:
이 기사는 csdn.net에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제