AI ANSWERS by 1 NOTES

WEB制作、AI、Windows、アプリの使い方など様々な疑問を解決する

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を使用して要素のスタイルを変更することができます。