要素にスタイルを設定するためにセレクターが使用されます。セレクターにはさまざまな種類があり、きめ細かにスタイルを設定する要素を選択できます。この記事とそのサブ記事では、さまざまなタイプについて、どのように機能するかを詳しく見ていきます。関する基本的な知識を得ている。セレクターがどのように機能するかを学ぶ。セレクターとは実はもうこれまでにセレクターを見たことがあるはずです。基本的なルールとなるものです。要素をブラウザーに伝えるものです。クラスなどのいくつかのセレクターを見てきました。それらはドキュメント内の対象をさまざまな方法で指定できるということも学びました。セレクターは定義されています。他の部分と同様に、それらが機能するにはブラウザーでのサポートが必要です。定義されているため、ブラウザーサポートも期待できます。使用するものが複数ある場合は、セレクターリストでまとめてルールを適用することができます。つの個別のルールとして記述できます。}カンマ区切りでセレクターリストにもできます。}カンマの前後に空白を入れることもできますし、改行したほうがセレクターを見つけやすくなり読みやすいかもしれません。つのセレクターを結合してみてください。作業の前後で見た目が同じになるように留意してください。この方法でセレクターをグループ化していると、無効なセレクターがある場合はルール全体が無視されます。スタイル適用されます。クラスも無効なものとしてスタイルされません。}セレクターの種類セレクターにはいくつかの異なるグループがあり、どれが必要かを知ることは有用です。ここのサブ記事ではさまざまなセレクターグループを詳しく見ていきます。要素を対象とするセレクターを含みます。}同様にクラスを対象としたセレクターも含みます。}属性によるセレクターこのセレクターグループは要素の属性によるさまざまな選択方法を提供します。}特定の値を持つ属性で選択することもできます。}擬似クラスおよび疑似要素によるセレクターこのセレクターグループは、要素の特定の状態をスタイルする疑似クラスを含みます。擬似クラスはマウスポインターがホバーしているときにのみ要素を選択します。}また要素自体ではなく要素の特定の部分を選択する擬似要素もあります。ラップしてスタイルしたかのように動作します。最後のセレクターグループは、セレクターを組み合わせて要素を選びます。要素の直接の子である段落を選択します。あるさまざまなセレクターについては、下の方にある表を参照してください。見ていくこともできます。以下の表で使用可能な各セレクターの概要とそれぞれのガイドを紹介します。ページへのリンクもあります。実験するために参照することができます。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。