¿Cómo activo el efecto de desplazamiento de todos los elementos en una página sin pasar el cursor sobre ningún elemento?

He escrito este código muy básico, por ejemplo.

 div { background-color : red; height : 100px; width : 100px; } div:hover { background-color : blue; }

 <div> </div> <br> <div> </div>

Aquí los elementos son rojos de forma predeterminada y se vuelven azules al pasar el mouse. ¿Qué puedo hacer para que los cuadros se vuelvan azules tan pronto como se cargue la página sin que yo tenga que pasar el cursor sobre ellos?