Tailwind CSS 練習問題 5：Tailwindの状態バリアント（hover）
ボタンのホバー時に背景色を濃くしたい場合、正しいTailwindクラスはどれですか？
```html
<button>
<!-- 通常時：背景色 blue-500
ホバー時：背景色 blue-600
-->
Click me
</button>
```
- bg-blue-500 hover:bg-blue-600
- bg-blue-500 onhover:blue-600
- bg-blue-500 mouseover:bg-blue-600
- bg-blue-500 focus:bg-blue-600
- bg-blue-500 hoverstate:bg-blue-600
正解と解説を見る
正解：bg-blue-500 hover:bg-blue-600
Tailwindで状態バリアント（ホバー、フォーカス等）を指定する場合は、`{state}:{class}`の形式を使います。ホバー時の背景色変更は`hover:bg-blue-600`で表現します。これはCSSの`:hover`疑似クラスに対応しています。