html - 如何在页面中制作页面？

Question

我有一个需要添加元素的网站。
当前样式会干扰元素。
有没有办法在页面中创建一个具有自己样式的单独部分，
就像 iframe 的工作方式一样？

Answer 1

您可以创建一个具有自己的 css 的单独页面，然后使用 iframe 将其嵌入。

Answer 2

您在问题中回答了您自己的问题。执行此操作的理想方法是使用<iframe>.

如果<iframe>不可能，那么您可以通过在“框架”中的所有规则前面加上特定 ID 并覆盖默认样式来手动“限定”您的 CSS：

.style1 { ... }
.style2 { ... }

#widget .style1 { ... }
#widget .style2 { ... }

在 HTML5 中，您实际上可以在页面内限定 CSS。以下只会将样式应用于内部<div>。

<div>
  <style scoped>
    div { color: red; }
  </style>
  <div>RED</div>
</div>

然而，这还没有得到广泛的支持。

Answer 3

您可以将您的次要样式包含在<div>标签中，并以这种方式覆盖其余代码：

a {
    color:red
}

#newstyle a {
    color: blue
}

和 HTML：

<a>This is red.</a> 
<div id="newstyle">
    <a>This is blue.</a>
</div>

但是，可能有更好的选择。

Answer 4

使用 iframe 或使用 ajax 将该页面的实际内容加载到页面上的 div 中