创建动态内联样式表

在IE中,向样式表添加正确呈现的文本需要与其他浏览器不同的语法。

   document.addStyle= function(str, hoo, med){
     var el= document.createElement('style');
     el.type= "text/css";
     el.media= med || 'screen';
     if(hoo) el.title= hoo;
     if(el.styleSheet) el.styleSheet.cssText= str;//IE only
     else el.appendChild(document.createTextNode(str));
     return document.getElementsByTagName('head')[0].appendChild(el);
    }

这种动态生成css规则的方法即使有效也会有缺陷。我完全不理他 <style> 插入超过30个后的图元(请参见 http://support.microsoft.com/kb/262161

jquery.rule 用于通过javascript操作css规则的插件。

document.styleSheets ,以及 addRule() 方法。