相关疑难解决方法(0)

通常我有一个CSS文件,它有以下规则:

#my-window {
    position: fixed;
    z-index: 102;
    display:none;
    top:50%;
    left:50%;
}

如何通过在运行时操作期间将CSS信息添加到正文或类似的东西来避免创建这样的静态CSS文件？(仅使用jQuery)

我想用jQuery定义一次,然后多次使用它; 这就是为什么我不想每次都将它添加到特定的DOM元素.

我知道简单的功能(css("attr1", "value");),但是如何创建完整的可重用CSS规则？

初步研究

我知道.css()用于获取和设置特定元素的CSS规则.我见过一个有这个CSS的网站:

body, table td, select {
    font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
}

我从来不喜欢Arial Unicode这种字体.嗯,那是我个人的感受.所以,我会使用Chrome的样式检查编辑Arial Unicode MS到Segoe UI或者我喜欢的东西.无论如何,除了使用以下实现相同之外？

案例一

$("body, table td, select").css("font-family", "Segoe UI");

• 递归,性能密集.
• 当事物被动态加载时不起作用.

案例二

$('<style>body, table td, select {font-famnily: "Segoe UI";}</style>')
    .appendTo("head");

• 还有比这个更好的方法吗？
• 创建了很多<style>标签!