Skip to content

擬似クラスの理解

知識課題

知識課題1

擬似クラスとは何かについて調査し、以下の点を含めて説明してください。

  • 擬似クラスの基本的な概念
  • 使用する際の構文

知識課題2

以下の擬似クラスについて調査し、それぞれの役割と使用例を説明してください。

  • :link
  • :visited
  • :hover
  • :active
  • :focus
  • :disabled
  • :enabled
  • :checked
  • :first-child
  • :last-child
  • :nth-child(n)
  • :only-child
  • :not(selector)

知識課題3

上記で挙げられていない擬似クラスを3つ調査し、以下の項目を含めて説明してください。

  • 擬似クラスの名前と基本的な機能
  • どのような場面で活用できるか

実践課題

課題2で学習した擬似クラスを全て使用したHTMLとCSSファイルを作成してください。