jQuery: ajout de fichiers CSS supplémentaires à la page en cours

j'ai un site qui utilise écran.css comme le principal fichier CSS. J'ai ajouté ce pour les moniteurs avec une résolution de 1024+ résolution.

$(document).ready(function(){
if(screen.width > 1024) {
    $('link').attr('href','hi-res.css');
}
});

Le problème est que hi-res.css est le remplacement de l'écran.css... je ne veux pas le remplacer, je veux juste charger un css supplémentaires dans ce cas. Des idées? Merci.

source d'informationauteur Andres SK