CSS `content` 속성에 HTML을 삽입할 수 있나요?

CSS 콘텐츠 속성: HTML을 삽입할 수 있나요?

:before 및 :after 의사 요소와 함께 사용되는 CSS 콘텐츠 속성을 사용하면 이전 또는 이후에 콘텐츠를 삽입할 수 있습니다. 요소 뒤에. 그러나 많은 개발자들은 단순한 텍스트 대신 HTML 코드를 콘텐츠에 삽입하는 것이 가능한지 궁금해합니다.

HTML 삽입 질문

일반적인 질문이 발생합니다:

Can you make the CSS content property insert HTML code instead of text, like this:

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

답변 : HTML 삽입 없음

안타깝게도 CSS 사양에 따르면 이는 불가능합니다. 사양에는 다음과 같이 명시되어 있습니다.

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

이는 다음을 의미합니다. 콘텐츠 속성과 함께 사용되는 문자열 값은 문자 그대로 처리됩니다. 사용 중인 문서 언어에 관계없이 마크업으로 해석되지 않습니다.

예

다음을 고려하세요.

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