Insert style dynamically

by infous

HTML

<div id="theid">
<p class="a b">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint sunt deleniti dolorem voluptatem quis asperiores magni voluptatibus nam quia eligendi. Consequatur saepe iure cum debitis mollitia autem reiciendis earum officiis.</p>
</div>

CSS

#theid .a.b {
    color: red;
}

JavaScript

setTimeout(a, 1000);
function a() {
$("<style>#theid .a.b { color: blue; }</style>").appendTo("head");
}