さまざまなセレクタの種類

要素セレクタ

これは要素セレクタの例です。要素セレクタはHTML要素の名前を使ってスタイルを適用します。例えば、`p`セレクタはすべての段落 (pタグ) 要素に適用されます。

クラスセレクタ

これはクラスセレクタの例です。クラスセレクタは、HTML要素にクラス属性を使ってスタイルを適用します。クラスセレクタはドット (`.`) を使って指定し、任意の要素に複数回適用できます。

IDセレクタ

これはIDセレクタの例です。IDセレクタは、HTML要素にID属性を使ってスタイルを適用します。IDセレクタはハッシュ (`#`) を使って指定し、ページ内で一意の要素にのみ適用できます。

属性セレクタ

属性セレクタは、特定の属性を持つHTML要素にスタイルを適用します。例えば、`[type="text"]`セレクタは`type`属性が`text`であるすべての`input`要素に適用されます。

擬似クラス

これは擬似クラスの例です(ホバーしてください)。

擬似クラスは、特定の状態にある要素にスタイルを適用します。例えば、`a:hover`セレクタは、ユーザーがリンクにマウスを重ねたときにスタイルを適用します。

擬似要素

これは擬似要素の例です。

擬似要素は、要素の特定の部分にスタイルを適用します。例えば、`p::first-line`セレクタは、段落の最初の行にスタイルを適用します。