如何在页面中创建页面？

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中