의사 요소 '::after' 및 '::before'의 기능은 무엇입니까?

:before 및 :after는 CSS2.1에 등장한 두 가지 새로운 의사 요소입니다.

(추천 튜토리얼: css 빠른 시작)

처음에는 의사 요소의 접두사에 단일 콜론 구문을 사용했지만 웹이 발전하면서 CSS3 사양에서는 단일 콜론이 의사 클래스와 의사-클래스를 나타냅니다. 요소 구문 이중 콜론을 사용하도록 수정되어 ::before ::after가 되었습니다. 의사 요소는 DOM에는 존재하지 않고 페이지에만 존재합니다.

기능:

::after는 선택한 요소의 마지막 하위 요소로 의사 요소를 만드는 데 사용됩니다. 일반적으로 content 속성은 요소에 장식적인 콘텐츠를 추가하는 데 사용됩니다. 이 가상 요소는 기본적으로 인라인 요소입니다.

::before는 일치하는 선택된 요소의 첫 번째 하위 요소가 될 의사 요소를 생성합니다.

위 내용은 의사 요소 '::after' 및 '::before'의 기능은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!