button에 hover

이 질문의 의미는 .dropdown:hover .dropdown-submenu 로 하면 되는데,

.dropdown-btn:hover .dropdown-submenu 로 하면 왜 작동 안하냐는 의미입니다.

저도 왜 안되지 하고 애먹다가,

영상에서 선생님께서 설명해 주셨던,

형제끼리는 안되고 자손이면 적용된다고 했던 기억이 나네요.

html 보면,

.dropdown-btn과 .dropdown-submenu는 형제이기에,

작동이 안되는 것이고,

.dropdown-btn:hover .dropdown-submenu 가 작동하려면,

인접선택자 +를 중간에 넣어서

.dropdown-btn:hover + .dropdown-submenu 로 하고 하면 작동이 된다는 말씀을 영상에서 잠깐 하셨던것 같네요..

맞죠? 여러번 돌려봤지만, 그렇게 말씀하신것 같아요. 또 확인하려니 지쳐서... 아마 맞을 겁니다.

공부하시는분들 중에 이 댓글을 보고 빨리 캐치하시고 시간 줄이시라고 오지랖 부려봤습니다.

멜사 님~ 
멜사 님이 작성하신 코드 화면 캡쳐가 없으면 답변드리기가 어려워요.
지금 문제되는 화면 html css 부분 캡쳐해서 올려주세요.^^

선생님께서는 코드를 .dropdown-btn:hover .dropdown-submenu가 아닌

.dropdown:hover .dropdown-submenu 으로 쓰셨어요 :)

저도 똑같이 실수해서 답변드립니다.