Comment ajuster la couleur des liens de profil hamburger ?

Je remarque un comportement très étrange concernant les couleurs des éléments de menu.

Modifier ces classes ne fait que la moitié du travail.

Modifier la couleur de cette classe CSS ne change que les 5 premiers liens.

Modifier la couleur du texte de notification change également certaines couleurs des liens du profil utilisateur.


Les captures d’écran proviennent toutes de meta.

Bonjour, je pense que c’est parce que les Ne pas déranger et Se déconnecter sont des boutons, pas des liens. C’est pourquoi seule la couleur des boutons change car elle ne remplacera pas la couleur des liens. Je pense que si vous voulez changer la couleur de tous les éléments du menu, vous devez cibler à la fois les liens et les boutons.


Je pense qu’ici vous ciblez la mauvaise classe, il y en a une plus spécifique pour les onglets. Par exemple, ici vous pouvez cibler l’ID de l’onglet. #quick-access-notifications.

Quelque chose comme ça…

#quick-access-notifications {
  &.quick-access-panel li a {
    color: red;
  }
}
3 « J'aime »

Cela me semble en effet logique.

Vous êtes encore génial. Voici le code qui fonctionne :

#quick-access-notifications,
.quick-access-panel li a {
    color: red;
  }

Comment trouver des classes comme celles-ci ? Je ne les vois pas si rapidement lorsque j’inspecte les éléments.

2 « J'aime »

Vous voulez dire #quick-access-notifications ?

Chaque onglet a un id spécifique.

#quick-access-notifications
#quick-access-bookmarks
#quick-access-messages
#quick-access-profile

Vous pouvez trouver ces ids dans inspecter l’élément.

#quick-access-notifications

#quick-access-bookmarks

3 « J'aime »

Génial, je ne le savais pas ! J’apprends tous les jours.

3 « J'aime »