如何调整汉堡包个人资料链接的颜色？

[MarcP]

注意到菜单项的颜色出现了一些非常奇怪的行为。

更改这些类，只完成了工作的一半。

更改此 CSS 类的颜色，仅更改前 5 个链接。

更改通知文本的颜色，还会更改用户配置文件链接上的一些颜色。

截图均来自 meta。

[Don]

@MarcP

Changing these classes, does half the work.

您好，我认为这是因为“请勿打扰”和“登出”是按钮，而不是链接。这就是为什么只有按钮的颜色会改变，因为它不会覆盖链接的颜色。我认为如果您想更改所有菜单项的颜色，您必须同时定位链接和按钮。

---

@MarcP

Changing color for notification text, also changes some colors on user profile links.

我认为您在这里定位了错误的类，有一个更具体的类用于选项卡。例如，您可以在此处定位选项卡 ID。#quick-access-notifications。

像这样……

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

[MarcP]

@Don

我认为这是因为“请勿打扰”和“登出”是按钮，而不是链接。

这确实很有道理。

@Don

类似这样……

你又一次太棒了。这是有效的代码：

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

我该如何找到这样的类？在检查元素时，我无法很快地看到它们。

[Don]

@MarcP

我该如何找到这样的类？检查元素时我没那么快看到它们。

你的意思是 #quick-access-notifications？

每个选项卡都有一个特定的 ID。

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

在这里，你可以在检查元素中找到这些 ID。

#quick-access-notifications

#quick-access-bookmarks

…

[MarcP]

太棒了，我不知道这个！每天都在学习。