28172 sujets

CSS et mise en forme, CSS3

Bonjour,
Je sais que ce sujet à déjà été traité plusieurs fois, mais ici, mon problème est un peu différent. Je m'explique.

Je veux avoir sur mon site, des styles alternatifs (l'utilisateur peut, sous firefox par exemple, aller dans Affichage > Style de la page, pour choisir un style).

Donc mon code xhtml


  <link href="styles/defaut.css" rel="stylesheet" type="text/css" />
  <link href="styles/style2.css" rel="alternate stylesheet" type="text/css" />
  <link href="styles/style3.css" rel="alternate stylesheet" type="text/css" />
  <link href="styles/style4.css" rel="alternate stylesheet" type="text/css" />


Mais si je souhaite séparer le style commun (mise en forme commune à tous les styles) et les différents styles, affin de ne pas répéter dans chaque feuille de style, ce qu'elles ont en commun. Il y a-t-il un moyen d'écrire ça avec des balises link ?

Sinon j'ai aussi la solution de mettre un sélecteur de style "maison" en JavaScript ou PHP, qui modifie la deuxième ligne du code suivant :


  <link href="styles/commun.css" rel="stylesheet" type="text/css" />
  <link href="styles/defaut.css" rel="stylesheet" type="text/css" />


Et qui remplace "defaut", par "style2", "style3"... Mais ça me semble moins propre, mais ce n'est peut être qu'une impression.

Voilà, si quelqu'un a compris ce que je voulais dire, et si il a une idée sur la question, je lui en serai infiniment reconnaissant. Merci d'avance ! Smiley cligne