메뉴 활성화 질문입니다.

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

글쓴이

글

2022년 11월 3일 14:46 #52504

참가자

안녕하세요. 수강중인 학생입니다.
해결해야 할 문제가 있는데 잘 몰라서 질문드립니다.
서브메뉴를 클릭했을 때 속해져있는 메인메뉴에 다른 색이 같이 켜지면 좋겠습니다.
그러니까 어떤 서브메뉴를 눌렀을 때 그게 어디에 속해 있는지 알기 위함입니다.  ->>이부분은 해결 했습니다.
근데 배경색은 바뀌는데 글씨색까지 바꾸고 싶은데 그건 어떻게 해야할까요?ㅠㅠ

또 빈 곳을 눌렀을 때는 모든 메뉴가 기본상태로 돌아가길 원합니다.
아래 링크로 들어가셔서 확인 가능하실까요?
https://codepen.io/gomgom_55/pen/jOKqzvv
답변 부탁드립니다. 감사합니다.

2022년 11월 3일 18:33 #52537

codingapple

키 마스터

글자색은 li 말고 a태그 찾아서 스타일을 줘봅시다 
빈곳 누르는건 뒤에 배울 이벤트 버블링 이용하면 됩니다

2022년 11월 3일 19:12 #52541

허준희

참가자

답변 감사드립니다!

2022년 11월 3일 21:03 #52556

허준희

참가자

선생님, 답변 감사합니다.

마지막으로 한가지만 더 여쭤보겠습니다.ㅠㅠ
다 작동을 하는데요,
주메뉴 눌렀을 시 첫번째 메뉴가 같이 눌리는 효과를 주었는데,
그때 글씨가 하얀색으로 죽어도 안나옵니다ㅠㅠㅠ

제 생각엔, 여기서 동작을 하는 것 같은데,

.active{background:pink !important}
.active{color:white }
------여기는 동작이 되는데

.active_sub{background:skyblue !important}
.active_sub{color:white !important} ---> 왜 이 부분은 안 먹힐까요...

링크 첨부하겠습다. 답변 주시면 감사하겠습니다ㅠㅠ
https://codepen.io/gomgom_55/pen/jOKqzvv

2022년 11월 4일 09:36 #52605

codingapple

키 마스터

특정 태그는 부모로부터 color 속성을 안물려받습니다

글쓴이

글

5 글 보임 - 1 에서 5 까지 (총 5 중에서)

답변은 로그인 후 가능합니다.

로그인

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png