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 |