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

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

王林
풀어 주다: 2020-07-17 17:25:42
앞으로
4338명이 탐색했습니다.

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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿