숨겨진 측면 패널 표시: 선택됨

Question

애니메이션 햄버거 메뉴를 통해 보기로 전환할 수 있는 탐색 메뉴를 측면 패널에 두고 싶습니다. JS가 아닌 CSS만 사용하여 만들고 싶습니다.

:checked 의사수업이 좋은거 같은데 실행이 안되네요. 지금까지 가지고 있는 코드:

으아악 으아악

어떤 도움이나 조언이라도 주시면 감사하겠습니다!

Answer 1

CSS의 오타를 수정하고 INPUT 요소를 외부로 이동 #menu

으아악

이 CSS 줄을 이해하려면

으아악

또 다른 방법은 :has()을 사용하는 것입니다. 하지만 저는 이 더 간단한 솔루션을 고수하겠습니다.