Discussion :

[Calypsoh]

Salut à tous.

J'essaye de coloriser avec diverses couleurs un menu haut de prestashop
Mais je ne dois pas connaitre les bonnes balises...

Le site en dev en question : http://prestashop-yachus.infotonome.fr/prestashop/

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
/*MODIFICATION du menu horizontal - couleur différentes des catégories et sous-catégories*/
.sf-menu a[href*="12"]{
  font-size: 18px !important;
  background: transparent !important;
  color: black !important;
 }
 
.sf-menu a[href*="14"]{
  background: transparent !important;
  color:  #127ee4 !important;
 }
 a:hover[href*="14"] {
  color: #0d5190 !important;
}
.sf-menu a[href*="15"]{
  background: transparent !important;
  color:  #127ee4 !important;
 }
 a:hover[href*="15"] {
  color: #0d5190 !important;
}
.sf-menu a[href*="16"]{
  background: transparent !important;
  color:  #127ee4 !important;
 }
 a:hover[href*="16"] {
  color: #0d5190 !important;
}
.sf-menu a[href*="17"]{
  background: transparent !important;
  color:  #127ee4 !important;
 }
 a:hover[href*="17"] {
  color: #0d5190 !important;
}
.sf-menu a[href*="18"]{
  background: transparent !important;
  color:  #127ee4 !important;
 }
 a:hover[href*="18"] {
  color: #0d5190 !important;
}

Ça fonctionne sur la catégorie et les sous-catégories désirées mais ça se répand sur d'autres catégories et sous-catégories.

Et je pense aussi qu'il doit y avoir un moyen de résumer, non ?

[Invité]

Bonjour,

peut-être avec un sélecteur plus précis ?

Code :

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

1
2
3
4
5
6
.sf-menu > li > a[href*="/12-"] {
....
}
.sf-menu > li > a[href*="/12-"]:hover {
...
}

[Calypsoh]

Mais oui, merci !

Ceci semble fonctionner, ça le fait selon toi ? :

Code :

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

1
2
3
4
5
6
.sf-menu a[href*="/14"]{
  color:  #127ee4 !important;
 }
 a:hover[href*="/14"] {
  color: #0d5190 !important;
}

[Invité]

Si tu ne suis pas les conseils qu'on te donne, fais comme tu veux.

[Calypsoh]

Hum, je comprends ta réactions, mais j'aime bien comprendre parfois.

J'ai mal formulé.

J'ai essayé ton idée et j'ai réalisé que ça fonctionnait aussi en ajoutant uniquement le « /».

Code :

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

.sf-menu > li > a[href*="/12-"]

Semble donner la même chose que

Code :

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

.sf-menu a[href*="/14"]

Du coup ma question était : y-a-t-il une différence entre les deux et si oui, qu'est-ce que ça change ?
Je peux imaginer une complication que je ne puis soupçonner, c'est pour cela que je demande un avis.

[Invité]

Parce que "/12" accepte 12, mais aussi les catégories 120, 121,...