CSS `content` 속성에 텍스트뿐만 아니라 HTML도 삽입할 수 있나요?

CSS 콘텐츠 속성에 HTML 삽입

질문:

CSS 콘텐츠 속성을 대신 HTML 코드를 삽입하는 데 사용할 수 있습니까? :before 또는 :after와 같은 텍스트 콘텐츠?

.header:before {
  content: '<a href="#top">Back</a>';
}

답변:

안타깝게도 이는 불가능합니다. CSS 사양에 따르면:

생성된 콘텐츠는 문서 트리를 변경하지 않습니다. 특히 문서 언어 프로세서(예: 재분석용)로 피드백되지 않습니다.

이는 콘텐츠 속성의 문자열 값이 항상 HTML로 해석되지 않고 문자 그대로 처리된다는 의미입니다.

아래 HTML 코드와 함께 제공된 CSS 예제 사용:

위 내용은 CSS `content` 속성에 텍스트뿐만 아니라 HTML도 삽입할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!