CSS でホバー効果を使用してテキストを適切にスタイル設定する方法

CSS でのホバーによるテキストのスタイリング

マウスを HTML 要素の上に置いたときに、HTML 要素にインタラクティブな効果を作成したい場合、CSS のhover 疑似要素が便利です。

あなたの場合、追加することを目的としていました。 に下線を引くマウスをその上に置くと、要素が表示されます。ただし、コード a .hover :hover {text-decoration:underline;} は機能しませんでした。問題は構文にあります。

目的の効果を実現するには、正しい構文を使用してください。

a:hover { text-decoration: underline; }

このコードは、下線スタイルを に適用します。マウスをその上に置くと、要素が表示されます。必要に応じて、クラス セレクターを使用することもできます。

a.hover:hover { text-decoration: underline; }

ただし、この目的でクラス名を使用しても、純粋な CSS ソリューションと比較して追加の機能は提供されません。 a:hover はすでに同じ機能を満たしているため、クラス名 hover は要素に独自の動作を追加しません。

以上がCSS でホバー効果を使用してテキストを適切にスタイル設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。