다음과 같이 사용 : 앞과 뒤에 CSS 선택기를 사용하여 HTML을 삽입하십시오.

140

다음과 같은 것이 가능한지 궁금합니다. 나는 그것이 작동하지 않는다는 것을 알고 있지만 어쩌면 올바른 구문으로 쓰지 않을 수도 있습니다.다음과 같이 사용 : 앞과 뒤에 CSS 선택기를 사용하여 HTML을 삽입하십시오.

li.first div.se_bizImg:before{ 
    content: "<h1>6 Businesses Found <span class="headingDetail">(view all)</span></h1>"; 
}

어쨌든이 작업을 수행 하시겠습니까?

출처

2011-05-03 Vik

* 중복되지 않았 음을 유의하십시오. 다른 질문은 특히 '
'또는 줄 바꿈에 대해 묻고 그 답은 그 특별한 경우에 대한 해결책을 제시합니다. 헤더 및 span 태그를 추가하려는 경우 도움이되지 않습니다. – JJJ

예, 중복으로 표시해서는 안됩니다. 다른 질문은 특정 태그에 대해 묻습니다. 또한 -이 답변은 검색 엔진에서 훨씬 더 유용하고 쉽게 찾을 수 있습니다. – Vik

190

content은 HTML 만 지원하며 텍스트 만 지원합니다. 아마도 jQuery 같은 것을 사용해야 할 것이다.

코드의 또 다른 문제점은 " 블록 내에 "입니다. '과 " (class='headingDetail')을 함께 사용해야합니다.

content이 HTML을 지원하면 content이 content 안에 추가 된 무한 루프로 끝날 수 있습니다.

출처

2011-05-03 06:42:39

+60

@Foxinni 콘텐츠 매개 변수 내에서 html을 허용하지 않는 더 중요한 이유는 CSS가 페이지의 단일 패스 스루에서 작동하도록 설계 되었기 때문입니다. html이 있다면 그 스타일을 지정해야합니다. 즉, css가 돌아와서 HTML을 다듬어서 HTML을 스타일링 한 후에 다시 HTML을 처리해야합니다. 이 추가 기능은 거의 모든 사람이 사용하지는 않지만 모든 사람에게 속도 비용이 발생합니다. –

+10

콘텐츠에 html을 허용하지 않는 가장 근본적인 이유는 그와 관련된 엄청난 보안 위험입니다. 사용자 정의 CSS를 허용하는 모든 사이트는 XSS 공격에 대해 대단히 개방적입니다. –

또 다른 가능성은 CSS 대신 떠오르는 표준 웹 구성 요소를 사용하는 것입니다. 그런 다음 당신은 그런 것을 할 수 있습니다. http://www.w3.org/TR/components-intro/#defining-a-custom-element –

다음과 같이 사용 : 앞과 뒤에 CSS 선택기를 사용하여 HTML을 삽입하십시오.

답변

관련 문제