CSSにはどのようなセレクターがありますか?

CSS は Web デザインに使用されるスタイル シート言語で、Web ページの外観とレイアウトを制御するために使用できます。セレクターは CSS の最も重要な部分の 1 つであり、スタイルを変更する HTML 要素を見つけるのに役立ちます。この記事では、CSSでよく使われるセレクターの種類について詳しく紹介します。

1. 基本セレクター

1. タグ セレクター: HTML タグ名によって要素を選択します。

例:

p { color: red; }

上記のコードは、HTML ドキュメント内のすべての

要素のテキストの色を赤に変更します。

2. クラス セレクター: クラス属性を通じて 1 つ以上の要素を選択します。

例:

.blue { color: blue; }

上記のコードは、クラス属性 "blue"を持つすべての要素のテキストの色を青に変更します。

3. ID セレクター: id 属性を通じて一意の要素を選択します。

例:

#header { width: 100%; }

上記のコードは、id 属性 "header"を持つ要素の幅を 100% に調整します。

2. 組み合わせセレクター

1. 子孫セレクター: 子孫要素を選択します。

例:

header nav { background-color: blue; }

上記のコードは、