Как изменить цвет ссылок профиля в гамбургер-меню?

Заметил очень странное поведение цветов для элементов меню.

Изменение этих классов выполняет лишь половину работы.

Изменение цвета в этом CSS-классе меняет цвет только первых пяти ссылок.

Изменение цвета текста уведомлений также влияет на некоторые цвета ссылок профиля пользователя.


Скриншоты сделаны на сайте meta.

Привет, я думаю, это потому, что элементы Не беспокоить и Выйти — это кнопки, а не ссылки. Вот почему меняется только цвет кнопок, так как он не переопределяет цвет ссылок. Если вы хотите изменить цвет всех пунктов меню, вам нужно задать стили и для ссылок, и для кнопок.


Я думаю, здесь вы выбрали неверный класс; для вкладок существует более специфичный. Например, здесь можно выбрать идентификатор вкладки: #quick-access-notifications.

Что-то вроде этого…

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

Действительно, это имеет смысл.

Опять вы молодцы. Вот рабочий код:

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

Как найти такие классы? При инспекции элементов я их не вижу так быстро.

Вы имеете в виду #quick-access-notifications?

У каждой вкладки есть свой уникальный id.

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

Эти id можно найти в инструменте инспекции элементов.

#quick-access-notifications

#quick-access-bookmarks

Круто, я этого не знал! Каждый день чему-то учусь.