使用jQuery创建新的(不更改)样式表

Question

我们已经构建了一个小工具,您可以在一个字段中编辑jQuery模板,在另一个字段中编辑JSON数据,然后单击按钮在浏览器中立即查看结果.

我真的需要扩展它,所以设计师可以编辑另一个字段中的完整CSS样式表,当我们渲染模板时,它将应用CSS.我们的想法是,一旦我们获得了良好的结果,我们就可以获取这三个字段的内容,将它们放在文件中并在我们的项目中使用它们.

我找到了jQuery.cssRule插件,但它看起来基本上已经放弃了(所有链接都无处可去,三年内没有开发).有更好的东西还是镇上唯一的游戏？

注意:我们正在寻找某人在这里输入传统CSS样式表数据的东西,并且可以立即用于在页面内进行渲染,并且可以随意编辑和更改旧规则,而新规则将被替换.我不是在寻找设计师必须学习jQuery语法并输入单独的.css("属性","值")类型调用jQuery的东西.

Answer 1

当然,只需style在头部添加一个标签:

$("head").append("<style>p { color: blue; }</style>");

在这里看到它.

您可以使用以下内容替换动态添加的style标记中的文本:

$("head").append("<style id='dynamicStylesheet'></style>");
$("#dynamicStylesheet").text(newStyleTextGoesHere);

在这里看到这个.