작성
·
151
1
dropdown의 자식 dropdown-btn에 호버를 줬어요
.dropdown-btn:hover + .dropdown-submenu 에 디스플레이없앰을 주었는데요
버튼에 마우스를 올리면 a태그들이 밑으로 내려가긴 하는데
마우스를 내리면 내려간 a태그가 유지되지 않고 사라지네요
이유가 궁금합니다. 버튼에 마우스를 올리면 당연히 내려와야 하는것 같은데 버튼의 상위 요소에 호버를 줘야하나요ㅜ
.dropdown:hover .dropdown-submenu {
display: block;
}
답변 1
1
.dropdown-btn:hover + .dropdown-submenu 이렇게 플러스(+) 를 사용해서 인접선택으로 하시는 것 보다는 영상을 보시면 .dropdown:hover .dropdown-submenu 되어 있습니다. 곧, .dropdown이라는 부모요소에 마우스가 올라가면 자식요소인 .dropdown-submenu가 변하는 거에요. 이 부분을 확인해보세요.