Css-pseudo-class-focus

提供：Dev Guides

移動先:案内、検索

CSS-擬似クラス：focus

説明

_：focus_擬似クラスは、要素にフォーカスがある間に要素に特殊効果を追加するために使用されます。

<style> … </style>ブロックで擬似クラスを定義している間、次の点に注意する必要があります-

a：hoverは、CSS定義でa：linkとa：visitedの後に来なければ効果がありません。
有効にするためには、CSS定義のa：hoverの後にa：activeを指定する必要があります。
擬似クラス名は大文字と小文字が区別されません。
疑似クラスはCSSクラスとは異なりますが、組み合わせることができます。

可能な値

color -有効な色の値。

に適用されます

アンカー/リンク要素。

例

以下は、_：focus_クラスを使用して、フォーカスされたリンクの色を変更する方法を示す例です。

<html>
   <head>
      <style type = "text/css">
         a:focus {color: #0000FF}
      </style>
   </head>

   <body>
      <a href = "/html/index">Click this Link</a>
   </body>
</html>

これにより、次のリンクが生成されます。これにより、このリンクがフォーカスされるとオレンジ色に変わり、他のリンクにフォーカスして、フォーカスを失うとこの色が変わることを確認します。

「https://www.finddevguides.com/index.php?title=Css-pseudo-class-focus&oldid=11687」から取得

Css Tutorial