Wie passe ich die Farbe von Hamburger-Profil-Links an?

Mir fällt ein sehr seltsames Verhalten bei den Farben von Menüpunkten auf.

Das Ändern dieser Klassen erledigt die halbe Arbeit.

Das Ändern der Farbe in dieser CSS-Klasse ändert nur die ersten 5 Links.

Das Ändern der Farbe für den Benachrichtigungstext ändert auch einige Farben in den Links des Benutzerprofils.


Screenshots sind alle von meta.

Hallo, ich glaube, das liegt daran, dass „Nicht stören“ und „Abmelden“ Schaltflächen und keine Links sind. Deshalb ändert sich nur die Farbe der Schaltflächen, da sie die Farbe der Links nicht überschreiben. Ich denke, wenn Sie die Farbe aller Menüpunkte ändern möchten, müssen Sie sowohl Links als auch Schaltflächen ansprechen.


Ich denke, hier zielen Sie auf die falsche Klasse ab, es gibt eine spezifischere für Tabs. Zum Beispiel können Sie hier die Tab-ID ansprechen. #quick-access-notifications.

So etwas wie…

#quick-access-notifications {
  &.quick-access-panel li a {
    color: red;
  }
}
3 „Gefällt mir“

Das ergibt für mich Sinn.

Du bist wieder großartig. Das ist der funktionierende Code:

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

Wie finde ich solche Klassen? Ich sehe sie beim Inspizieren von Elementen nicht so schnell.

2 „Gefällt mir“

Meinst du #quick-access-notifications?

Jede Registerkarte hat eine eindeutige ID.

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

Hier findest du diese IDs in der Elementinspektion.

#quick-access-notifications

#quick-access-bookmarks

3 „Gefällt mir“

Cool, das wusste ich nicht! Jeden Tag lernt man dazu.

3 „Gefällt mir“