<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="estilo.css" type="text/css" rel="stylesheet">
</head>
<body>
...
</body>
</html>
<script>
var date = new Date;
if(date.getHours()>=21)
{
var link=document.createElement("link");
link.type="text/css";
link.rel="stylesheet";
link.href="estiloNoche.css";
link.media="all";
var head=document.getElementsByTagName('head')[0];
head.appendChild(link);
}
</script>
Comentarios sobre la versión: Versión 1.0 (5)
en la segunda hoja de estilos (la que añades desde javascript puede tener:
con lo que modificarias todos los elementos que tengan la clase "element"
En principio, el código solo pone el nuevo estilo cuando pasa de las 21:00 pero si lo ejecutas a partir de las 24:00 ya no lo carga...