html - 将样式表链接到 1 个 Div 并且仅链接到 1 个 Div

标签 html css stylesheet

我正在为一个网站构建一个 html 编辑器。 我需要预览用户刚刚键入的 HTML 在目标站点中的外观,因此我需要加载该站点样式表,但我只希望这些样式表影响 Div 中的内容。

我无权编辑样式表以使其特定于该 div。

所以我的代码需要按如下方式工作:

<div style="/styles/public1.css">
New HTML
</div>

我可以在 div 外部加载样式表,但这会覆盖我自己的网站样式表,所以不好。

有没有办法隔离样式表以仅影响我的 div 内的内容?

最佳答案

不可能通过将“style”属性指向文件位置来加载样式表。请参阅W3C documentation了解更多信息。

您可能希望使用“iframe”来实现您的目的。只需将 <iframe> 指向您正在编辑的 HTML 文档即可。它将被允许应用任何样式表,就像常规网页一样。

关于html - 将样式表链接到 1 个 Div 并且仅链接到 1 个 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15225689/

相关文章:

html - 具有 3 个流体列的 CSS 流体盒

php - 使用 html 表单和 php 发送 html 电子邮件?

html - 对我仅使用 HTML/CSS 创建的产品设计进行编码的最佳方式

c# - DropDownListFor 如何从数据库设置默认值

css - 网页水平滚动,右侧只有空格

html - 越来越接近我想要实现的确切 CSS 悬停,但需要更多帮助

html - 网格列未跨越整行

javascript - 样式表,图像在从标​​题链接到 index.php 文件时未加载

javascript - 使用 jQuery 从原始 css 文件中获取值

html - 无序列表的样式如何像表格?