Question

我有一个div LivePreview，它使用jQuery预览输入textarea的文本为HTML。问题是，它继承了页面上的所有其他样式，因为它应该......

有没有办法清除LivePreview的所有样式（table，p等...），还是我必须手动重置每个LivePreview孩子？

Answer 1

您可以在CSS文件的开头添加：

*#LivePreview {
   margin: 0px;
   padding: 0px;
   /*Any styles that might otherwise be overwritten*/
}

*#LivePreview * { }

id“livepreview”指定的任何内容只有那些相关的样式，没有任何继承。

Answer 2

这样做的方法与jsfiddle本身一样，与你想要的东西类似。它们看起来像是在iframe。

嵌套在iframe中的任何内容都会丢失任何已被调用的CSS，除非CSS文件显式链接到`iframe中。所以你的代码应该是：

<div class="LivePreview">
    <iframe>
        <head></head>
        <body>
            /* Any HTML you want and will have the default CSS*/
        </body>
    </iframe>
</div>

CSS：在实时预览中清除其他样式

2 个答案: