CSS基礎③

メモ
問題④を解いて16問目まで解くことができた。
解けると楽しい…それでは今日の学科の復習!

疑似クラス

「特定の状態に対してのみスタイル(CSS)を当てるセレクタを作る」です。
(例えば一番最初の文字にNEWを使ったり、偶数行にバックグランドに背景色つけたり)
HTMLにclass指定しなくてもCSSで完結できる!

  • ink 擬似クラス(未訪問リンクスタイル)セレクタ:link { プロパティ名: 値; }
  •  visited 擬似クラス(訪問済リンクスタイル)セレクタ:visited { プロパティ名: 値; }
  • hover 擬似クラス(オンカーソルスタイル)セレクタ:hover { プロパティ名: 値; }
  •  active 擬似クラス(アクティブスタイル)セレクタ:active { プロパティ名: 値; }
    要素にカーソルが乗った時のスタイルを指定します。スマホの場合は対象の要素をタップしてから他の要素をタップするまでの間になります。
  • 順番が大事なので注意!

  • first-child/last-child 擬似クラス(先頭・最終の子要素指定)
タイトルとURLをコピーしました