Colorisations différentes d'un menu haut

[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/

 

 
/*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 ?

 

Merci de toutes les aides.