Tailwind CSS의 마우스 오버 상태 문제 해결

Question

현재 단일 페이지 웹사이트의 탐색 모음 스타일을 지정하고 있습니다. 사용자가 버튼 주위의 div 위로 마우스를 가져가면 배경색을 더 어두운 녹색으로 변경할 뿐만 아니라(이미 작동함) 텍스트 색상도 흰색으로 변경하여 표시되도록 하고 싶습니다. 그러나 div에 "hover:text-white" 클래스를 할당했는데도 여전히 텍스트를 덮어쓰고 있습니다.

이것은 내 index.html입니다!

으아악

내 src CSS 파일

으아악

Answer 1

문제는 버튼 대신 div에 hover:text-white를 적용하고 있다는 것입니다. 클래스를 버튼으로 옮기기만 하면 됩니다.