如何将css结果与网站编辑器的“编辑器窗口”和“预览框架”分开？

Question

我正在制作一个网络应用编辑器，人们可以在其中制作页面。 问题是如果有人编辑页面的css（例如：输入样式），这个变化也会影响编辑器的输入字段！这很正常，可能是因为是相同的文件。

但我问的是：是否可以将 css 文件与结果文档区域和编辑器区域“分离”？

谢谢

Answer 1

为什么要将两种样式保存在同一个文件中？如果您必须重写自己的样式，那么用户所做的更改是否会丢失？

您可以将某个类应用于用户可食用的元素，从而将它们分开。例如：

<form class="edit"></form> --> this will be changed 
<form></form>

然后在你的css文件中：

 form.edit{
    color:green;
 }

虽然最好的办法是：拆分css！你以后会感谢我的:)

编辑：我自己对 CQ5 没有任何经验，但似乎你可以拆分 css。更多信息请点击此处：http://docs.adobe.com/docs/en/cq/5-5/developing/components/clientlibs.html