Div 用外部样式表?

我有一个外部样式表 /文件 .css/, 哪个无法改变。 但是,我需要将此样式表应用于一个 div 因此,到内容 div 在我已经存在的网页上。 目前,我以空样式标记中的文本形式读取文本表的内容 /使用 .innerHTML/ 里面 div, 我需要影响哪个,但它仍然影响整个网页,而不仅仅是一个 div. 有人可以帮忙吗?
已邀请:

小明明

赞同来自:

决定 IFRAME 工作如下:

在您的主文件中 HTML 你会有你的 DIV:


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


根据需要时尚。 文件 divcontent.html 必须是一个完整的文件 HTML, 包括标签的内容 DIV, 和 LINK, 使用您的外部样式表:


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

喜特乐

赞同来自:

如果你能与之合作 HTML5, 你可以尝试使用
http://html5doctor.com/the-scoped-attribute/
能见度 . 你可以打开 CSS 里面 div, 所以他只影响他的父母:


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

小明明

赞同来自:

它会非常帮助你:

http://css-tricks.com/saving-t ... -css/
/

风格仅适用于某种逗号 escope. 祝你好运!

IMHO 比解决方案更好 iframe..

关于这个主题:
https://coderoad.ru/17667874/

风见雨下

赞同来自:

我建议您留下外部样式表格样式,并创建一个带有所需的类的型号表,从外部样式款式影响您的唯一 div, 只要重命名它并将这些重命名的类应用于 div. 发生重命名,因为这些类的属性可能会影响来自外部样式表上已存在的元素。


<style>
.xxx {...} /* The renamed class from this internal css that should apply to your div */
</style>


我希望它会有所帮助。

风见雨下

赞同来自:

如果您可以访问服务器方案 /例如, PHP/, 您可以创建一个加载外部样式表的脚本,并在每个条目之前添加类名。 然后将此类应用于标记。 DIV. 因此,如果 CSS 包括:


p { font-size: 12px; }


你想改变:


.mydiv p { font-size: 12px; }


并格式化自己的 DIV 作为


<div class="mydiv">...</div>


然后您将脚本下载为样式表,而不是直接外接表单。


<link href="path/to/internal/script.php" rel="stylesheet"/>

三叔

赞同来自:

我假设外部文件中的样式规范不包含在类中或 IDs, 但它们是常见的标签设置,例如
<p>

/因此,它们不能包含在页面的标题中/. 打开你的 div 在标签中
[code]<style scoped=""></style></p>

要回复问题请先登录注册