「CSS」ユーザーアクション疑似クラスのサンプル
書式
:focus — ユーザーがキーボードコントロールを使用して要素にフォーカスした場合にのみ適用されます。
使用例
<style>
/*a:link a:visitedのスタイルシートを定義*/
a:link,a:visited {
color: skyblue;
font-weight: bold;
}
/*リンクの上にポインターを移動した場合cssを適用*/
a:hover {
color:hotpink;
}
</style>
<!-- 擬似クラスを使用 -->
<div><a href="javascript:void(0);">ユーザーアクション疑似クラス</a></div>
<style>
/*a:link a:visitedのスタイルシートを定義*/
a:link,a:visited {
color: skyblue;
font-weight: bold;
}
/*リンクの上にポインターを移動した場合cssを適用*/
a:hover {
color:hotpink;
}
</style>
<!-- 擬似クラスを使用 -->
<div><a href="javascript:void(0);">ユーザーアクション疑似クラス</a></div>
<style> /*a:link a:visitedのスタイルシートを定義*/ a:link,a:visited { color: skyblue; font-weight: bold; } /*リンクの上にポインターを移動した場合cssを適用*/ a:hover { color:hotpink; } </style> <!-- 擬似クラスを使用 --> <div><a href="javascript:void(0);">ユーザーアクション疑似クラス</a></div>