28220 sujets

CSS et mise en forme, CSS3

Style des liens dans une boite

Bonjour,
Je ne retrouve pas la syntaxe permettant de dire : tous les liens dans cette boîte auront ce style. Pour l'instant je fais :

<div>
<a class="style_particulier">lien1</a>
<a class="style_particulier">lien2</a>
<a class="style_particulier">lien3</a>
</div>
avec dans le css :
a.style_particulier {color: #000000; padding: 10px;}

Alors qu'on m'a parlé d'une syntaxe à peu près comme ça :

<div class="liens">
 <a href="example.com">lien1</a>
 <a href="example.com">lien2</a>
 <a href="example.com">lien3</a>
</div> 
et dans le css :
a.liens { color: #000000; padding: 10px; }

Mais cette dernière syntaxe ne doit pas être tout à fait bonne car elle ne fonctionne pas comme prévu. Ou bien parceque dans mon css j'ai déjà la classe générale : a {... (un autre style) ...} ??
Merci de m'éclairer.
Modifié par titiplanti (27 Aug 2006 - 17:46)
Salut, il suffit de faire :
<div id="toto">
 <a href="example.com">lien1</a>
 <a href="example.com">lien2</a>
 <a href="example.com">lien3</a>
</div>

et dans le css :

#toto a { color: #000000; padding: 10px; }

tu peux aussi te rajouter

#toto a:hover { color: #FF0000; padding: 10px; }

Modifié par cotesdarmor (01 Sep 2006 - 09:46)
Dans ce cas:
 #toto a { color: #000000; padding: 10px; }

Modifié par dom (27 Aug 2006 - 18:21)
Sujet clos
Aller à