リンクにカーソルが乗った場合のスタイルを変化させるに、「:hover」の擬似クラスを使用します。 文字色・背景色・下線などを指定することで、 リンクテキストにカーソルが乗った際に色を変えるなどの動的な変化をつけることができます。
hover時のエフェクトは、隣接する兄弟要素または子要素に適用することもできます。
E:hoverの後に「+」と適用させる兄弟要素を追加します。
E:hoverの後に「>」と適用させる子要素を追加します。
E:hoverの後に「>」と適用させる子要素を追加し、「:hover」を追加します。