CSS は Web デザインに使用されるスタイル シート言語で、Web ページの外観とレイアウトを制御するために使用できます。セレクターは CSS の最も重要な部分の 1 つであり、スタイルを変更する HTML 要素を見つけるのに役立ちます。この記事では、CSSでよく使われるセレクターの種類について詳しく紹介します。
1. 基本セレクター
- タグ セレクター: HTML タグ名によって要素を選択します。
例:
p { color: red; }
ログイン後にコピー
上記のコードは、HTML ドキュメント内のすべての
要素のテキストの色を赤に変更します。
- クラス セレクター: クラス属性を通じて 1 つ以上の要素を選択します。
例:
.blue { color: blue; }
ログイン後にコピー
上記のコードは、クラス属性
"blue"
を持つすべての要素のテキストの色を青に変更します。
- ID セレクター: id 属性を通じて一意の要素を選択します。
例:
#header { width: 100%; }
ログイン後にコピー
上記のコードは、id 属性
"header"
を持つ要素の幅を 100% に調整します。
2. 組み合わせセレクター
- 子孫セレクター: 子孫要素を選択します。
例:
header nav { background-color: blue; }
ログイン後にコピー
上記のコードは、