更改不存在的元素的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");

从此处获取：在运行时使用jQuery创建CSS规则/类。

这是可能的IE替代方法（请参阅在jQuery中创建CSS类）：

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

作为参考，请参阅addRule的文档。