「CSS」ユーザーアクション疑似クラスのサンプル

2021年9月9日

書式
: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>

 

CSS

Posted by arkgame