페이지의 스타일에 영향을주지 않고 페이지에 CSS가 포함 된 html 문자열

Question

페이지에 사용할 CSS가 있습니다. 나는 문자열의 형태로 html 코드 블럭을 가지고 있는데, 단순히 페이지에 쓰고있다.

문제는 html 문자열에 자체 css가 포함되어있어 페이지의 css를 무시한다는 것입니다. 그 CSS를 문자열 변수에있는 HTML에만 적용해야하며 전체 페이지에는 적용 할 필요가 없습니다.

어떻게하면됩니까? Iframe을 사용할 수 있지만 "소스"속성이 필요하다는 것을 알고 있습니다. html은 다른 페이지가 아니라 단순한 문자열입니다.

Answer 1

HTML 문자열 스 니펫이 도움이 될 수 있지만 문제를 올바르게 이해하면 새 CSS가 전체 페이지에 영향을 미치지 않도록 할 수 없습니다. 그러나 원하는대로 HTML 문자열을 수정할 수 있다면 스타일을 올바르게 설정하면됩니다. 는 이러한 방법으로

<style type="text/css"> 
    .myclass h1 {color:red;} 
    .myclass p {color:blue;} 
</style> 
<div class="myclass">Some HTML inside</div> 

:

은의 당신의 문자열이 당신처럼 따라 사업부의 클래스와 CSS를 변경해야합니다 그리고

<style type="text/css"> 
    h1 {color:red;} 
    p {color:blue;} 
</style> 
<div>Some HTML inside</div> 

같은 것입니다 가정 해 봅시다 새 CSS는 새 콘텐츠에만 영향을 미칩니다.