28172 sujets

CSS et mise en forme, CSS3

Bonjour.

Dans une feuille de style, les liens dits communs sont paramétrés ainsi :

a:link, a:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 5px;
	background: #000000;
}

Mais il y a aussi une seconde série de liens en haut de page qui sont disposés ainsi :

Accueil | Textes | Photos | Etc...

Pour ces derniers, j'aimerais une mise en forme différente, notamment sans entourage, sans couleur de remplissage, etc... mais je ne parviens pas au résultat escompté sans passer par des <span>.

Merci du coup de main.
Modifié par Nerva (03 Aug 2010 - 13:19)
Bonjour,

Il suffit d'ajouter une class ou un id au conteneur global.

<ul id="exemple">
  <li><a href="#">Accueil</a></li>
  <li><a href="#">Textes</a></li>
  <li><a href="#">Photos</a></li>
  <li><a href="#">Etc...</a></li>
</ul>


Et de styler spécifiquement ces éléments-là :
#exemple a:link, #exemple a:visited {...}
Effectivement, c'est tout bête. J'avais essayé à l'envers, sans succès :

a:link .exemple, a:visited .exemple {...}


Merci bien, jeune fille... Smiley cligne