CSS hover와 before 관련 질문

Question

요즘 hover와 before을 이용해서 여러가지 연습 중, 갑자기 막히는 부분이 생겨서 질문드립니다.여러 리스트 중 각자를 hover할 때마다 그 아래에 밑줄이 쳐지는 거 같은 효과를 만들기 위해 위와 같은 코드를 작성해봤습니다..span1을 hover하면 .nav::before가 왼쪽으로 35px이동하고.span2는 얼마, .span3은 얼마 이렇게 픽셀값으로 조정하면 구현 가능할거라고 생각했고, 완성된 상태는 이렇습니다.여기서 제가 의도한 대로라면 span1인 숫자1에 마우스를 가져가면 왼쪽에 있는 검은색 줄이 그 아래로 이동하는 것이였는데, 작동하지 않습니다. 처음엔 각 숫자를 으로 묶었으나 작동하지 않는 것으로 보고 .nav:hover를 .container:hover로 바꿔봤습니다. 그러니 작동하더라구요. 그래서 'span은 hover가 작동 안되는줄 알고 각 숫자를 다시

로 묶어서 해봤는데도 작동이 안되네요.... 문제가 뭔지 알 수 있을까요?

${김선생} · Answer

<!DOCTYPE html> <html lang&#61;&#34;ko&#34;> <head> <meta charset&#61;&#34;utf-8&#34;> <style> /**/ </style> </head> <body>  <script> /**/ </script> </body> </html>

CSS hover와 before 관련 질문

1개의 답변

#hover 목록