A simple jQuery plugin to manipulate CSS rules.
The plugin insert a new style sheet element on the page.
It will be inserted where the js code is placed (head or body)
and will override other CSS style sheets placed before.
$(selector).cssRule(property,value)
or $(selector).cssRule({ property:value })
to add
new rules for the selector.
$(selector).cssRule(property)
to get the value for that key.
$(selector).cssRule(property,null)
will remove the rule and use
the default one defined in the css.
$("*").cssRule(null)
will remove all previous rules.
$("body").cssRule({ background:xxx });
$("h1,h2").cssRule({ color:xxx, background:xxx });
$("button").cssRule({ background:xxx });
$("*").cssRule(null);