Discussion :

[H-bil]

salut
je veux faire deux liens de styles different, en les survollant le premier se souligne et le deuxième change de couleure.
c'est possible avec les CSS
@+

[Kerod]

oui tout à fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
a{
text-decoration:underline;
color : #000000;
}
.line{
color:#FF0000;
}
 
<a href="#">Lien1</a>
<a href="#" class="line">Lien2</a>

Le premier sera souligné ainsi que tous les autres du body sans classe.et le deuxième je te laisse deviner

Mais si tu veux plus d'info vas dans la FAQ CSS

[psychoBob]

C'est quoi ce .line ?

Moi je fait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 .zoneLien a{}
.zoneLien a:hover{}

et accessoirement

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.zoneLien a:visited{}

D'ailleur j'ai jamais compris quand et pourquoi on met .zoneLien plutot que zoneLien tout court.

Si je met a pour une balise prédéfinie ça fonctionne, si je met baliseOuDivPerso sans . devant ça fonctionne pas.

[Kerod]

line est un nom de classe, à la base je voulais mettre lien mais j'étais super trop rapide...

.lien est une classe que l'on crée.
a fait référence aux balises déjà existantes

Bon pour tout reprendre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.lien{
 color:#000000;
 }
.lien:hover{
color:#FF0000;
}

[Invité]

D'ailleur j'ai jamais compris quand et pourquoi on met .zoneLien plutot que zoneLien tout court.

Peut être pour différencier les classes des identifiants dans la CSS?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
.class {}
#id {}

[Loceka]

Comme dis plus haut, il faut te servir des mots-clef :hover et :link.

pour toi, ce serait :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
// Dans le CSS :
a {
   text-decoration : none;
   color : black; // par exemple.
}
 
a.lien1:hover {
   text-decoration : underline;
}
 
a.lien2:hover {
   color : blue; // par exemple
}
 
// Dans le html :
<a href="" class="lien1">ton lien de classe 1</a>
<a href="" class="lien2">ton lien de classe 2</a>

[H-bil]

une derniere question
a ==>??
a:link ==> ??
a:visited ==> lien visité
a:hover ==> lien survolé
a:active ==> ??
a:focus ==> ??
pouvez-vous m'expliquer ?
on est obligé de les metre tous dans la feuille de style
@+