Lorsqu'un appel à plusieurs feuilles de style externe est pratiqué, le résultat est normalement une combinaison en cascade d'ensembles de définitions de style.
C'est-à-dire, les styles spécifiés pour des balises HTML seront tous chargés à condition qu'ils soient tous affectés à des éléments différents. Dans le cas contraire, les doublons seront écrasés en sachant que les derniers styles énoncés ont la priorité.
Donc, en affectant la valeur stylesheet à l'attribut rel de la balise link, les feuilles de styles externes devraient logiquement se combiner.
<link href="feuille.css" rel="stylesheet"> <link href="feuille2.css" rel="stylesheet">
Si vous appliquer la valeur alternate stylesheet et l'attribut title, le navigateur devrait donner le possibilité à l'utilisateur de choisir la feuille de style qui lui conviendrait.
<link href="feuille.css" rel="alternate stylesheet" title="premier choix"> <link href="feuille2.css" rel="alternate stylesheet" title="second choix"> <link href="defaut.css" rel="stylesheet">
Dans ce dernier exemple à l'ouverture de la page, le navigateur proposerait le choix entre les feuilles de style "premier choix" ou "second choix" et la dernière restera active quoiqu'il arrive.
Windows | Macintosh | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
NE4 | NE6 | NE7 | IE5 | IE55 | IE6 | OP5 | OP6 | OP7 | NE4 | NE6 | NE7 | IE4 | IE5 |