更改不存在元素的 CSS 属性

Question

我想更改一组尚未创建的元素的尺寸。它们将由我无权访问的 JavaScript 脚本创建。 JQuery 的 css() 函数只会将更改应用于现有项目，而我希望代码能够像在 CSS 文件中设置 CSS 属性一样工作。

谁能帮我做？

Answer 1

一种选择是动态创建样式元素：

$("<style type='text/css'> .redbold{ color:#f00; font-weight:bold;} </style>").appendTo("head")
$("<div/>").addClass("redbold").appendTo("body");

取自这里：Create a CSS rule / class with jQuery at runtime。

这是一个可能的 IE 替代方案（请参阅 Creating a CSS class in jQuery）：

document.styleSheets[0].addRule('body', 'background: green', -1);

有关参考，请参阅addRule 的文档。