# 햄버거 프로필 링크 색상 조정 방법?
**URL:** https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851
**Category:** Development
**Tags:** css
**Created:** [7월 14, 2022, 8:35오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851 "2022-07-14T08:35:41Z")
**Posts on this page:** 5
**Page:** 1
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [7월 14, 2022, 8:35오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851/1 "2022-07-14T08:35:41Z")
메뉴 항목의 색상에서 매우 이상한 동작을 발견했습니다.
이 클래스들을 변경하면 절반 정도는 해결됩니다.
이 CSS 클래스의 색상을 변경하면 첫 번째 링크 5개만 변경됩니다.
알림 텍스트의 색상을 변경하면 사용자 프로필 링크의 일부 색상도 함께 변경됩니다.
스크린샷은 모두 메타에서 촬영한 것입니다.
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [7월 14, 2022, 9:32오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851/2 "2022-07-14T09:32:14Z")
> [@MarcP](#):
>
> 이 클래스들을 변경하면 작업의 절반이 해결됩니다.
>
> 
>
> 
안녕하세요, 사용 안 함과 로그아웃이 링크가 아닌 버튼이기 때문이라고 생각합니다. 그래서 링크 색상은 덮어쓰지 않고 버튼 색상만 변경되는 것입니다. 모든 메뉴 항목의 색상을 변경하려면 링크와 버튼 모두를 대상으로 해야 한다고 생각합니다.
* * *
> [@MarcP](#):
>
> 알림 텍스트 색상을 변경하면 사용자 프로필 링크의 일부 색상도 변경됩니다.
>
> 
>
> 
여기서는 잘못된 클래스를 대상으로 하고 있는 것 같습니다. 탭에는 더 구체적인 클래스가 있습니다. 예를 들어 여기서는 탭 ID를 대상으로 할 수 있습니다. `#quick-access-notifications`.
이런 식으로…
```scss
#quick-access-notifications {
&.quick-access-panel li a {
color: red;
}
}
```
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [7월 14, 2022, 9:37오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851/3 "2022-07-14T09:37:22Z")
> [@Don](#):
>
> 방해 금지와 로그아웃이 링크가 아니라 버튼이기 때문이라고 생각합니다.
저한테도 그게 맞는 것 같습니다.
> [@Don](#):
>
> 이런 식으로…
또 한 번 대단하시네요. 이게 작동하는 코드입니다:
```plaintext
#quick-access-notifications,
.quick-access-panel li a {
color: red;
}
```
이런 클래스를 어떻게 찾나요? 요소를 검사할 때 바로 눈에 들어오지 않거든요.
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [7월 14, 2022, 10:25오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851/4 "2022-07-14T10:25:55Z")
> [@MarcP](#):
>
> 이런 클래스를 어떻게 찾나요? 요소를 검사할 때 바로 보이지 않거든요.
`#quick-access-notifications`를 말씀하시는 건가요?
각 탭에는 고유한 id가 있습니다.
`#quick-access-notifications`
`#quick-access-bookmarks`
`#quick-access-messages`
`#quick-access-profile`
요소 검사에서 이 id들을 찾을 수 있습니다.
`#quick-access-notifications`
`#quick-access-bookmarks`
…
---
### Author:  [@MarcP](https://meta.discourse.org/u/MarcP)
#### Post date: [7월 14, 2022, 10:27오전 UTC](https://meta.discourse.org/t/how-to-adjust-color-on-hamburger-profile-links/232851/5 "2022-07-14T10:27:16Z")
와, 몰랐는데! 매일 새로운 걸 배우는 것 같아.