Unload CSS from webpage

Question

Am wondering how it would be possible to unload a CSS from a page. e.g. In my page I have included a file called a.css. Now I want the user to be able to change the theme, which is CSS driven, thus he/she should be able to unload a.css and then I can load b.css (else they will conflict)

Any idea how to go about this?

Answer 1

Take the link element and disable it

document.getElementsByTagName('link')[0].disabled = true;  

Answer 2

With jquery, this works:

$("link[href='fileToRemove.css']").remove(); 

Obviously, replace fileToRemove.css with the relative path and filename of the file to be unloaded.