Определить глобальные классы CSS с помощью JavaScript или jQuery?

Есть ли способ установить CSS глобальных классов с помощью JavaScript или jQuery? То есть, добавьте .my_class { foo:bar } в тег <style/> страницы?

Ответ 1

Чистый 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);

Ответ 2

Да, вы можете сделать это в jQuery:

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

Он работает, просто добавляя тег <style> в конце <head>.