- カンマ区切りのIDセレクタ: 複数のIDを指定するために、カンマを使用してIDセレクタを区切ることができます。例えば、次のようなCSSコードを考えてみましょう。
#element1, #element2, #element3 {
/* ここにスタイルのプロパティと値を指定 */
}
上記の例では、IDが"element1"、"element2"、および"element3"である要素に同じスタイルが適用されます。
- 共通のクラスを使用する: 異なる要素に同じスタイルを適用する場合、共通のクラスを使用することもできます。まず、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を指定する方法となります。必要に応じて、具体的な要件に合わせてコードを調整してください。