如何在页面内制作页面？

Question

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

Answer 1

你有问题回答你自己的问题。完成此操作的理想方法是使用。

如果是不可能的，那么你可以手动“范围”用一定的ID前缀在“框架”的所有规则和覆盖你的默认样式你的CSS：

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

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

即将在HTML5你实际上可以在一个页面中范围内的CSS以下内容仅适用于内部<div>的样式。

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

但是，这还没有得到广泛支持。

Answer 2

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

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您的网页