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

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

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

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

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

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