端くれプログラマの備忘録 CSS [CSS] 基本メモ: 擬似クラス

[CSS] 基本メモ: 擬似クラス

擬似クラスはクラスが特定の状態にある場合に限って適用されるスタイル。たとえば以下。

  • :link
  • :visited
  • :hover
  • :active
  • :focus

サンプル

  • a:link { color: blue; }
  • a:visited { color: green; }
  • a:hover { font-weight: bold; }
  • a:active { background: red; }
  • h3:hover { color: pink; }
  • input:focus { background: yellow; }

参考サイト

:active擬似クラス-スタイルシートリファレンス
http://www.htmq.com/selector/active.shtml