HTMLだけで:hoverを指定できますか?
HTMLだけで:hover
を指定することはできません。:hover
はCSSの擬似クラス(pseudo-class)の一つであり、要素がマウスカーソルによってホバーされたときにスタイルを変更するために使用されます。HTMLは構造とコンテンツを定義するためのマークアップ言語であり、スタイルの指定はCSSに任せるべきです。
HTML要素に対して:hover
のスタイルを適用するには、CSSを使用する必要があります。以下は、CSSを使用して:hover
を指定する例です。
<!DOCTYPE html>
<html>
<head>
<style>
/* CSSで要素のスタイルを指定する */
.my-element {
color: black;
}
/* ホバー時のスタイルを指定する */
.my-element:hover {
color: red;
}
</style>
</head>
<body>
<!-- HTML要素にクラスを付与して、CSSのスタイルを適用する -->
<div class="my-element">
Hover over me!
</div>
</body>
</html>
上記の例では、my-element
というクラスを持つ<div>
要素に対して、:hover
のスタイルを指定しています。ホバーされたときにテキストの色が赤くなります。このように、CSSを使用して要素のスタイルを変更することができます。