我目前正在为单页网站设计导航栏的样式。当用户将鼠标悬停在按钮周围的 div 上时，我希望它不仅将背景颜色更改为较深的绿色（已经可以使用），而且还使文本颜色变为白色，使其可见。然而，即使我为 div 指定了“hover:text-white”类，文本目前仍被覆盖。

这是我的index.html！

    
        
        
        
    
    
        

            
Food Reviews
            

                

                 Asian Cuisine
                 
                 

                    European Cuisine
                
                

                    American Cuisine
                
            
        

    

我的 src css 文件

@tailwind base;
@tailwind components;
@tailwind utilities;