Вот оно, поколение
jQuery...
Есть коллекция всех стилей
Document.styleSheets, которая предоставляет доступ к каждому элементу
link или
style. А уже у них
есть средства добавления и удаления правил CSS на лету.
Итого так (сэкономить на синтаксисе
jQuery можно в одном месте, да и то копейку):
document.head.appendChild(document.createElement('style'));
var sheets = document.styleSheets,
sheet = sheets[sheets.length - 1];
sheet.insertRule('html{background:#369;}', sheet.cssRules.length);
/*А теперь можно проводить любые манипуляции*/
sheet.insertRule('p{font-size:2em;color:#fff;}', sheet.cssRules.length);
sheet.deleteRule(0);
sheet.insertRule('html{background:#69c;}', 0);
/*Или перебрать все правила в любом источнике, который соответствует политике происхождения*/
for (var i = 0; i < sheet.cssRules.length; i++) {
console.log(sheet.cssRules[i].selectorText);
}