Question

我们正在使用twitter bootstrap对我们的网站进行一些重新设计。

我们遇到的问题是，我们正在重新设计的网站部分是这部分显示用户能够自己输入的内容，包括他们可能已经定义了自己的样式的html标签.eg等。

问题在于引导样式表会覆盖用户样式表，反之亦然。

有没有办法将样式表范围扩展到特定的类（即，twitter样式表仅适用于div中具有class =“twitter”或类似内容的元素），而不会影响用户样式表，也无需修改所有twitter类包含一个更具体的选择器。

我们考虑过使用iframe，但我们确实需要对用户内容进行良好控制，以便能够轻松地从中发送/接收，即。 ajax方法触发页面其余部分的内容

Answer 1

使用iframe是可行的方法以下是一些如何与之通信并访问其内容的示例
iframe内容可以像这样调用父级中的函数：

parent.yourFunction()

父级可以像这样调用iframe中的函数：

document.getElementById('iframeid').contentWindow.yourFunction();

父母可以像这样访问iframe的html：

document.getElementById('iframeid').innerHTML() = "<html><body><div>some content</div></body></html>";

不完全是你所希望的，但这是让css仅适用于部分页面的唯一方法。