Discussion :

[David55]

Bonjour à tous et à toutes,
Voici mon CSS:

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
 
div > a{
  background-image: url(.images/test1.png);
  background-color: # 194FDG;
}
div > a:hover{
  background-image: url(.images/test2.png);
  background-color: # FFFFFF;
}
.delete a{
  background: none;
}
.delete a:hover{
  background: none;
}

Ce que je voudrais c'est que certains lien possède des images en arrière plan et d'autre non:

Code :

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

1
2
3
 
<div><a>test1</a></div>
<div class="delete"><a>test2</a></div>

Le soucis c'est que ceci fonctionne mais pas pour .delete a:hover.

Comment faire?

Merci d'avance!

[c_s_s]

Bonjour,

Tu devrais faire l'inverse, ajouter une classe sur les liens auxquels tu veux mettre un arrière plan, ou sur leur parent :

Code :

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

1
2
3
4
5
6
7
8
.fond a {
  background-image: url(.images/test1.png);
  background-color: # 194FDG;
}
.fond a:hover{
  background-image: url(.images/test2.png);
  background-color: # FFFFFF;
}

Code :

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

1
2
<div><a href="">test1</a></div>
<div class="fond"><a href="">test2</a></div>