Div与外部样式表？

Question

我得到了一个外部样式表(.css文件),不会以任何方式改变.但是,我需要将此样式表应用于单个div,因此我已经存在的网页中的div的内容.我目前正在将样式表的内容作为文本读入我需要影响的div中的空白样式标记(使用.innerHTML)但这仍然影响整个网页而不仅仅是单个div.有人可以帮忙吗？

Answer 1

IFRAME解决方案的工作方式如下:

在您的主HTML文件中,您将拥有自己的DIV:

<div id="myspecialdiv">
    <iframe width="100%" height="100%" frameborder="0" src="divcontent.html"></iframe>
</div>

根据您的需要设计风格.divcontent.html文件应该是一个完整的HTML文件,包括DIV标记的内容,以及使用外部样式表的LINK:

<html>
    <head>
        <link rel="stylesheet" href="path/to/external/stylesheet.css" />
    </head>
    <body>
        <!-- The contents of your DIV -->
    </body>
</html>

Answer 2

如果您可以使用HTML5,则可以尝试使用范围样式.您可以在div中包含CSS,使其仅影响其父级:

<div>
    <style scoped>
        // Styles here
    </style>
</div>