我被给了一个外部样式表(.css文件),不能以任何方式改变.但是,我需要将这个样式表应用到单个div,因此我已经存在的网页中的div的内容.我正在将样式表的内容作为文本读取到div中的空白样式标签(使用.inner
HTML),我需要影响,但这仍然影响整个Web页面,而不仅仅是单个div.有人可以帮忙吗?
解决方法
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>