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

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

CSS 콘텐츠 속성은 요소 앞이나 뒤에 텍스트 콘텐츠를 삽입하도록 설계되었습니다. 그러나 순수 텍스트 대신 HTML 코드를 삽입하는 데 활용할 수 있습니까?

아니요, CSS 콘텐츠에는 HTML 삽입이 불가능합니다

안타깝게도 CSS 콘텐츠 속성은 그렇지 않습니다. HTML 코드 삽입을 허용합니다. 사양에 따르면:

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

기타 단어의 경우 콘텐츠 속성은 문서 언어에 관계없이 문자열 값을 문자 그대로 처리합니다.

예: HTML 없음 구문 분석

다음 CSS를 고려하세요.

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

이 HTML에 적용할 경우:

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