Crear cuenta
<!DOCTYPE HTML>
<html>
<head>
<style>
body {background-color:green;}
input[type=button] {color:black;}
body.estilo2 {background-color:blue;}
body.estilo2 input[type=button] {color:red;}
</style>
</head>
<body>
<input type="button" value="cambiar estilos" onclick="cambiarEstilos()">
</body>
</html>
<script>
function cambiarEstilos() {
document.body.classList.add("estilo2");
}</script>
<link href="style-1.css" rel="stylesheet" type="text/css" id="test">
<script type="text/javascript">
function estilo(s) {
document.getElementById("test").href=s;
return false;
}</script>
<a href="#" onClick="estilo('style-2.css')">Estilo 2</a>
<a href="#" onClick="estilo('style-1.css')">Estilo 1</a>