Couleurs diféérentes pour chaque lien du menu principal.

[lomart]

Re : Couleurs diféérentes pour chaque lien du menu principal.

Pour simplifier en s'affranchisant d'un déplacement des menus, on peut utiliser uniquement ce code.
Les nth-child sont utiles quand il n'existe pas d'autre moyen de cibler un élément.

// Pour forcer le texte du lien en blanc pour tous les items menus. Inutile de les reprendre ensuite.
ul.navbar-nav > li a, 
ul.navbar-nav > li a:hover {
    color: #ffffff !important;
}
// A définir pour chaque item de menu
.active[data-id="133"],
[data-id="133"]:hover {
    background-color: #FF9801;
}

@lefabdu51
J'apprécie le compliment d'un autre codeur peu être encore plus fou
La règle que j'ai utilisée est simplement la présence de 2 sélecteurs dans une même balise.
On utilise couramment .classe1.classe2, mais on pense moins souvent aux autres sélecteurs comme les attributs.
Donc je n'ai pas grand mérite ...