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