ハンバーガープロフィールリンクの色を調整する方法は？

[MarcP]

メニュー項目の色に非常に奇妙な動作が見られます。

これらのクラスを変更すると、半分の作業が完了します。

このCSSクラスの色を変更すると、最初の5つのリンクのみが変更されます。

通知テキストの色を変更すると、ユーザープロファイルリンクの一部の色も変更されます。

スクリーンショットはすべてmetaのものです。

[Don]

@MarcP

これらのクラスを変更すると、半分は完了します。

こんにちは。これは、おやすみモードとログアウトがボタンであり、リンクではないためだと思います。そのため、ボタンの色のみが変更され、リンクの色は上書きされません。メニュー項目の色をすべて変更したい場合は、リンクとボタンの両方を対象にする必要があると思います。

---

@MarcP

通知テキストの色を変更すると、ユーザープロフィールのリンクの色も一部変更されます。

ここでは間違ったクラスを対象にしていると思います。タブには、より具体的なクラスがあります。たとえば、ここではタブ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]

へえ、知らなかった！毎日が勉強だ。