クラスセレクターにはどのような種類がありますか?

百草

Oct 07, 2023 pm 02:00 PM

クラスセレクター

クラスセレクタータイプには、基本クラスセレクター、マルチクラスセレクター、階層クラスセレクター、サブ要素クラスセレクター、隣接兄弟クラスセレクター、ユニバーサル兄弟クラスセレクター、属性値クラスセレクター、負のクラスセレクターなどが含まれます。詳細な紹介: 1. 基本クラスセレクター (ドットで始まるセレクターを使用する) は、指定されたクラス名の要素を選択することを意味します; 2. マルチクラスセレクター (複数のクラス名を組み合わせたセレクターを使用する) は、指定された複数のクラス名の要素を選択することを意味します。クラス名の要素、複数のクラス名の間にスペースを入れる必要はなく、連続して記述するだけです; 3. 階層型クラスセレクター、スペースで区切られたセレクターなど。

クラスセレクターにはどのような種類がありますか?

このチュートリアルのオペレーティングシステム: Windows 10 システム、DELL G3 コンピューター。

クラスセレクターはCSSでよく使われるセレクターで、要素のクラス属性を通じて条件を満たす要素を選択します。 CSS には、次の種類のクラスセレクターがあります:

1. 基本クラスセレクター: ピリオド (.) で始まるセレクターを使用して、指定されたクラス名の要素を選択します。たとえば、「.red」はクラス名「red」を持つすべての要素を選択することを意味します。

2. 複数クラスセレクター: 複数のクラス名の組み合わせを使用して、指定された複数のクラス名を持つ要素を選択するセレクター。複数のクラス名の間にスペースを入れる必要はなく、連続して記述します。たとえば、「.red.bold」は、「red」と「bold」の両方のクラス名を持つ要素を選択することを意味します。

3. 子孫クラスセレクター: 要素の子孫要素の中から指定されたクラス名を持つ要素を選択するには、スペースで区切られたセレクターを使用します。たとえば、「div .red」は、「

」要素の子孫の中からクラス名「red」を持つすべての要素を選択することを意味します。

4. 子クラスセレクター: 要素の直接の子要素の中から指定されたクラス名を持つ要素を選択するには、大なり記号 (>) で区切られたセレクターを使用します。たとえば、`div > .red` は、`

` 要素の直接の子要素のうち、クラス名が「red」の要素をすべて選択することを意味します。

5. 隣接兄弟クラスセレクター: プラス記号 ( ) で区切られたセレクターは、要素の直後にある最初の兄弟要素が指定されたクラスで選択されていることを示します。たとえば、「h1 .red」は、「