更改不存在的元素的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的文档。