Css-pseudo-class-hover
提供:Dev Guides
CSS-擬似クラス:hover
説明
_:hover_擬似クラスは、要素の上にマウスを置いたときに要素に特殊効果を追加するために使用されます。
<style> … </style>ブロックで擬似クラスを定義している間、次の点に注意する必要があります-
- a:hoverは、CSS定義でa:linkとa:visitedの後に来なければ効果がありません。
- 有効にするためには、CSS定義のa:hoverの後にa:activeを指定する必要があります。
- 擬似クラス名は大文字と小文字が区別されません。
- 疑似クラスはCSSクラスとは異なりますが、組み合わせることができます。
可能な値
- color -有効な色の値。
に適用されます
アンカー/リンク要素。
例
以下は、_:hover_クラスを使用して、リンクの上にマウスポインターを移動したときにリンクの色を変更する方法を示す例です。
<html>
<head>
<style type = "text/css">
a:hover {color: #FFCC00}
</style>
</head>
<body>
<a href = "/html/index">Bring Mouse Here</a>
</body>
</html>
これにより、次のリンクが生成されます。 このリンクにマウスを合わせると、色が黄色に変わることがわかります。