插入标记样式css到文件.css

Question

任何人都可以举个例子 如何使用 jquery

将标签css插入 .css 文件

我已经尝试过几次仍然不仅能够将css样式标签添加到头部

Answer 1

你不需要＆amp;不能用jQuery - 你可以直接操作元素的CSS - jQuery将解析并添加目标元素的style属性。

如果您尝试使用多种不同的样式表，那么对于具有交叉浏览器支持的更一般的方法，请阅读answer alternate style-sheets

您可以使用普通JS来推送一些规则，甚至可以使用document.styleSheets对象创建新的样式表。 有关更多阅读和良好的例子：

• Add Rules to Stylesheets with JavaScript
• w3c, Dynamic style - manipulating CSS with JavaScript

Answer 2

这是一项非常不寻常的任务，因此jQuery没有特殊的处理方法。但是你可以用基本的javascript完成这个。

您的样式表可用：

document.styleSheets

您可以使用insertRule添加它们：

document.styleSheets[0].insertRule("body { width: 100%; }", 1);

Answer 3

var sheet = (function () {
var style = document.createElement("style");
style.appendChild(document.createTextNode(""));
document.head.appendChild(style);
return style.sheet;
})();
sheet.insertRule("@media all { body { background : red } body { color : black } }", 0);