CSSを使用してID以外をターゲットする方法

1. クラスセレクタを使用する: クラスセレクタは、HTML要素に特定のクラス名を指定することで要素をターゲットします。ID以外の要素にスタイルを適用するには、クラスセレクタを使用します。

   例:

   .my-element {
    color: red;
   }

   上記の例では、クラス名が「my-element」である要素に赤色のテキストカラーが適用されます。

2. 属性セレクタを使用する: 属性セレクタは、HTML要素の属性に基づいて要素をターゲットします。ID以外の要素にスタイルを適用するには、属性セレクタを使用します。

   例:

   [data-target] {
    background-color: yellow;
   }

   上記の例では、data-target 属性を持つ要素に黄色の背景色が適用されます。

3. 擬似クラスを使用する: 擬似クラスは、要素の状態に基づいて要素をターゲットします。ID以外の要素にスタイルを適用するには、適切な擬似クラスを使用します。

   例:

   p:not(#my-id) {
    font-size: 18px;
   }

   上記の例では、IDが「my-id」でないすべての <p> 要素に18ピクセルのフォントサイズが適用されます。

これらは、CSSを使用してID以外の要素をターゲットするいくつかの基本的な方法です。詳細な情報や他のセレクタの使用方法については、CSSのリファレンスやチュートリアルを参照してください。