将样式应用于静态网站html和用户生成的html内容

我们正在使用twitter引导来重新设计我们的网站。将样式应用于静态网站html和用户生成的html内容

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

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

是否有办法将样式表的范围限定在一个特定的类中（例如，twitter样式表只适用于class =“twitter”或类似的div中的元素），而不会影响用户样式表而不必修改所有Twitter类包含更具体的选择器。

我们已经考虑过使用iframe，但我们确实需要很好的控制用户内容，以便能够很容易地发送/接收它，也就是说，阿贾克斯方法，触发页面的其余部分的东西

css没有“范围”。只有您指定的选择器链。没有办法将样式表的某些部分封装为“仅适用于此页面的X部分”，而不是对仅需要在该X部分内应用的所有规则执行'x * {...}'。 – 2012-01-16 04:24:38

使用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适用于页面的一部分。

2012-01-16 04:44:59 vdbuilder

会给这个去，不知道你可以调用/从iframe那样的 – 2012-01-16 04:52:44

很高兴帮助。另请注意，iframe和父代需要位于同一个域中。：） – vdbuilder 2012-01-16 04:59:35

回答