CSS セレクターとは

デギ・アディル/ゲッティイメージズ

CSS ドキュメント内のどの要素にどのスタイルを適用するかを決定するために、パターン マッチング ルールに依存します。これらのパターンは セレクター そしてそれらはタグ名からの範囲です（たとえば、

|_+_|段落タグに一致する) を、ドキュメントの非常に特定の部分に一致する非常に複雑なパターンに一致させます。例: |_+_| |_+_| に一致します。 |_+_| のクラスを持つタグこれは ID |_+_| を持つ段落の子です。CSS セレクターは、Web ページのどの部分をスタイルする必要があるかを識別する CSS スタイル呼び出しの一部です。セレクターには、選択された HTML

CSS セレクター

セレクターにはいくつかの異なるタイプがあります。

• 型セレクタ – 特定の要素に一致
• クラス セレクター – 特定のクラスを持つ要素のマッチング
• ID セレクター – 要素を特定の ID に一致させる
• 子孫セレクター – 特定の要素の子孫である一致する要素
• 子セレクター – 特定の要素の子である一致する要素
• ユニバーサル セレクター – 任意の要素に一致
• 隣接する兄弟セレクタ – 特定の要素の直前に一致する要素
• 属性セレクター – 特定の属性または属性値を持つ要素のマッチング
• 疑似クラス セレクター – 特定の疑似クラスを持つ要素のマッチング
• 疑似要素セレクター – 特定の疑似要素プロパティを持つ要素のマッチング

CSS スタイルと CSS セレクターの書式設定

のフォーマット CSS スタイル 次のようになります。

|_+_|

同じスタイルのセレクターが複数ある場合は、コンマで区切ります。これは、セレクターのグループ化と呼ばれます。例えば：

|_+_|

グループ化セレクター は、CSS スタイルをコンパクトに保つ​​簡単なメカニズムです。上記のグループ化は、次と同じ効果があります。

|_+_|

CSS セレクターを常にテストする

すべての古いブラウザーがすべての CSS セレクターをサポートしているわけではありません。 IE8 以前のブラウザーで使用する CSS をセットアップする場合は、コードへのアクセスに使用される可能性があると思われるオペレーティング システムと同じ数のブラウザーでセレクターをテストしてください。 CSS1を使用している場合は、 CSS2 、または現在のブラウザーで使用するための CSS3 セレクターであれば問題ありません。