> 웹 프론트엔드 > CSS 튜토리얼 > CSS `content` 속성에 텍스트뿐만 아니라 HTML도 삽입할 수 있나요?

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

Barbara Streisand
풀어 주다: 2024-12-09 06:38:11
원래의
621명이 탐색했습니다.

Can CSS `content` property insert HTML, not just text?

CSS 콘텐츠 속성에 HTML 삽입

질문:

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

.header:before {
  content: '<a href="#top">Back</a>';
}
로그인 후 복사

답변:

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

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

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

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

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

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿