28172 sujets

CSS et mise en forme, CSS3

J'ai une question un peu particulière.

Pour commencer je ne peut pas utiliser le CSS, il s'agit de générer dynamiquement du code HTML qui sera injecté dans d'autres sites.

J'ai une liste de liens dans un conteneur. ex :
<div>
<a href="http://www.toto.com">Toto</a>
<a href="http://www.bibi.com">Bibi</a>
</div>


Je souhaite défini des styles sur ces liens, comme la couleur du texte, mais je souhaite éviter de le faire sur chaque lien, ex :
<div>
<a href="http://www.toto.com" style="color:#fc0000;">Toto</a>
<a href="http://www.bibi.com" style="color:#fc0000;">Bibi</a>
</div>


En fait ce qui me conviendrait serait de définir ces styles sur l'élément conteneur, charge à lui de les propager aux liens contenus. ex :
<div style="color:#fc0000;">
<a href="http://www.toto.com">Toto</a>
<a href="http://www.bibi.com">Bibi</a>
</div>


Bien évidemment, la couleur est propagée à tous les éléments contenus, sauf aux liens, sinon ma question n'aurait aucune raison d'être...
Je préfèrerais éviter le javascript, un peu lourd pour du code à injecter.

Quelqu'un aurait une piste ?
Bon, j'ai une première réponse, mais c'est un peu moche, je reste donc ouvert à toute suggestion.

<style>
    #ctn a
    {
        color:#fc000;
    }
</style>
<div id="ctn">
    <a href="http://www.toto.com">Toto</a> 
    <a href="http://www.bibi.com">Bibi</a> 
</div>

Pourquoi c'est moche ?
Parce qu'au beau milieu d'un bout de HTML il y aura une balise 'style' qui trainera...
Modifié par Mose (04 Nov 2009 - 12:09)
Bonjour,

Mose a écrit :

Pour commencer je ne peut pas utiliser le CSS, il s'agit de générer dynamiquement du code HTML qui sera injecté dans d'autres sites.


En faite rien ne t'empêche d'utiliser ceci

<style type="text/css" src="http://serveur.fr/style.css"></style>


Le fichier sera charger dans tout les cas. Et c'est évidemment ce que tu auras de plus propre.
Ou si cela ne te va pas, il faut que tu revois ta méthode d'inclusion d'html dans les autre site.