使用JavaScript或jQuery定义全局CSS类？

Question

Is there a way to set the CSS of global classes using JavaScript or jQuery? 有没有办法使用JavaScript或jQuery设置全局类的CSS？ That is, append .my_class { foo:bar } to the <style/> tag of the page? 也就是说，将.my_class { foo:bar }附加到页面的<style/>标签上？

Answer 1

Pure javascript - 纯javascript -

var style=document.createElement('style');
style.type='text/css';
if(style.styleSheet){
    style.styleSheet.cssText='your css styles';
}else{
    style.appendChild(document.createTextNode('your css styles'));
}
document.getElementsByTagName('head')[0].appendChild(style);

Answer 2

Yes, you can do that in jQuery: 是的，你可以在jQuery中做到这一点：

var styleTag = $('<style>.my_class { foo: bar; }</style>')
$('html > head').append(styleTag);

It works by simply appending <style> tag at the end of <head> . 它只需在<head>的末尾添加<style>标记即可。

使用JavaScript或jQuery定义全局CSS类？

问题描述

2 个解决方案

解决方案1
22 已采纳 2013-03-19 07:59:00

解决方案2
20 2013-03-19 07:46:01

使用JavaScript或jQuery定义全局CSS类？

问题描述

2 个解决方案

解决方案1 22 已采纳 2013-03-19 07:59:00

解决方案2 20 2013-03-19 07:46:01

解决方案1
22 已采纳 2013-03-19 07:59:00

解决方案2
20 2013-03-19 07:46:01