Tailwind CSS のホバー状態の問題を修正

Question

現在、単一ページの Web サイトのナビゲーション バーのスタイルを設定しています。ユーザーがボタンの周囲の div の上にマウスを移動すると、背景色が濃い緑色に変更されるだけでなく (これはすでに機能しています)、テキストの色も白に変更されて、表示されるようにしたいと考えています。ただし、「hover:text-white」クラスを div に割り当てたにもかかわらず、テキストはまだ上書きされます。

これが私のindex.htmlです!

リーリー

私の src css ファイル

リーリー

Answer 1

問題は、ボタンではなく div に hover:text-white を適用していることです。 クラスをボタン に移動するだけです。