異なるIDと同じクラスのスタイルを設定する方法

Question

id1、id2、id3が共通のクラスを共有する場合は、.selectize-inputと.select-dropdownのように共通のクラスを共有します。

今、私は

#id1 .selectize-input, #id2 .selectize-input, #id3 .selectize-input {}; 
#id1 .selectize-dropdown, #id2 .selectize-dropdown, #id3 .selectize-dropdown {}; 

をしなければならないが、このようなスタイルを設定するための任意の簡単な方法はありますか？

注：私はさまざまなスタイルを適用する他のセレクタがあります。だから私はこの機能が必要です。

Answer 1

すべてのIDに同じものを適用しているのであれば、なぜ各IDを示す必要があるのか​​理由はわかりません。クラスを使用して適用します。実際にこれを行うには、複数のセレクタを使用することができます（ただし、何が効果的かを確認するにはいくつかのテストを行う必要があります）。

I.E.

.selective-input#id1#id2#id3 

これは本当にちょうどあなたの構文を凝縮けれども、あなたのコードを読むために他人を期待している場合、（注意：適切な構文は常に良い習慣である）それがさらに混乱させることがあります。

Answer 2

私はそれがどのように見えるべきだと思う：あなたが持っていれば

.selectize-input {}; 
.selectize-dropdown {}; 

...ルールを定義するときには、ID、クラス名だけを含めるべきではありません

[id^="id"].selectize-input {}; 
[id^="id"].selectize-dropdown {}; 

Answer 3

特殊性の問題がある場合、これはスタイルシートの別の場所でソートする必要があります。一般的には、スタイルにもidsを使用することは絶対にお勧めします。