웹접근성에 어긋나지 않는 드롭다운 메뉴 수정중,
마우스로 focus 했을 때에는 서브메뉴가 잘 나타났지만
tab 키를 눌러서 드롭다운 메뉴로 이동(키보드 접근성 준수)했을 때는 서브메뉴가 나타나지 않았다.
처음에는 :focus 와 hover만 알고 있었기 때문에
아무리 수정해도 적용되지 않아 구글링중에 발견한 처음보는 css 선택자,,!
:focus-visible로 접근성 높이기
해당 글에서 설명한 :focus-within 을 적용했더니 탭 키로도 서브메뉴가 나타났다!
부모 요소에 포커스되면 자식 요소까지 포커스 효과가 적용되는 선택자인 것 같다.
