CSSで複数のIDを指定する方法


  1. カンマ区切りのIDセレクタ: 複数のIDを指定するために、カンマを使用してIDセレクタを区切ることができます。例えば、次のようなCSSコードを考えてみましょう。
#element1, #element2, #element3 {
  /* ここにスタイルのプロパティと値を指定 */
}

上記の例では、IDが"element1"、"element2"、および"element3"である要素に同じスタイルが適用されます。

  1. 共通のクラスを使用する: 異なる要素に同じスタイルを適用する場合、共通のクラスを使用することもできます。まず、HTMLの要素にクラスを追加し、それらの要素をCSSで選択します。例を見てみましょう。

HTMLコード:

<p class="shared-class">テキスト1</p>
<div class="shared-class">テキスト2</div>
<span class="shared-class">テキスト3</span>

CSSコード:

.shared-class {
  /* ここにスタイルのプロパティと値を指定 */
}

上記の例では、classが"shared-class"である要素に同じスタイルが適用されます。

これらの方法を使用することで、複数のIDに対して同じスタイルを適用することができます。適切な方法を選択し、必要に応じてコードをカスタマイズしてください。

以上が、CSSで複数のIDを指定する方法となります。必要に応じて、具体的な要件に合わせてコードを調整してください。