hover 다른 태그1 CSS - 메뉴바 hover (다른 태그에 적용하기) hover를 이용해서 다른 위치에 있는 태그의 display를 조정하고 싶을 경우.. ex) .html Menu 1 id="menu2"> Menu 2 pizza hamburger .css ul li{ display:none; } div:has(#menu1:hover) + ul #pizza{ display:block; } div:has(#menu2:hover) + ul #hamburger{ display:block; } 위와 같이 작성한다면 Menu1 일때 pizza가 Menu2 일때 hamburger가 보인다. 추가적으로 그렇게 보인 pizza와 hamburger에 마우스를 올렸을 때도 유지하고 싶다면 pizza와 hamburger에도 hover를 줘야한다. 2023. 12. 31. 이전 1 다음