CSS의 `content` 속성에 HTML을 삽입할 수 있나요, 아니면 텍스트만 삽입할 수 있나요?

CSS 콘텐츠 속성에 텍스트 대신 HTML을 삽입할 수 있나요?

CSS 스타일링 영역에서 콘텐츠 속성은 텍스트를 삽입하는 수단을 제공합니다. :before 및 :after와 같은 의사 요소를 통해 콘텐츠를 요소로 변환합니다. 당연히 질문이 생깁니다. 이 속성이 일반 텍스트가 아닌 HTML 코드 삽입을 포함하도록 기능을 확장할 수 있습니까?

기술적 제한:

그러나 이러한 노력에는 기술적인 한계가 있습니다. CSS 사양에 따라:

"생성된 콘텐츠는 문서 트리를 변경하지 않습니다. 특히 재분석 등을 위해 문서 언어 프로세서로 피드백되지 않습니다."

In 본질, 콘텐츠 속성에 할당된 문자열 값은 마크업으로 해석되지 않고 그대로 처리됩니다. 이 제한은 사용되는 문서 언어에 관계없이 적용됩니다.

예:

다음 CSS 규칙 및 HTML 구조를 고려하세요.

CSS:

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

HTML:

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