css - X クラスを持つさまざまな要素を選択します

Question

特定のクラスがある場合にのみ、X個の要素(h1、p、span...)を変更することは可能ですか? 私はこのようなものを探しています:

(elem1, elem2, elem3, elem4).class {
  /* do things here */
}

以前は、括弧、中括弧、角括弧を試してみましたが、中括弧は機能しているように見えましたが、Firefox のコンソールインスペクターを一目見ただけで、角括弧の開始と終了の間のすべてが無視され、もちろん機能したことがわかりましたが、、、のdiv代わりにp、spanと言ってhXください。

私はそれを知っている...

elem1.class, elem2.class, elem3.class, elem4.class {
  /* do things here */
}

動作しますが、私は怠け者なので、あまり冗長でない構文を探していました。

score 1 · Accepted Answer

一部の新しいブラウザのサポート:any(-webkit-/-moz-) など

:any(elem1, elem2, elem3 ...).yourclass {
   color: green;
}

デモ (firefox でのみテスト済み): http://jsbin.com/IZozOdo/1/ MDN
に関する詳細情報

それ以外の場合は、他の誰かが以前に提案したような CSS プリプロセッサを使用する機会を検討してください

score 0 · Accepted Answer

次のようなタグ名なしでクラスセレクターを使用しないのはなぜですか。

.myclass {
 ...
}

そのセレクターは次のように一致します。

p.myclass、span.myclass、a.myclass、など

セレクターからタグ名を除外するだけです。

編集

この回答のコメントで指摘されたように、特定のタグ名を含めたくない場合は、a) 好きではない詳細な構文を使用するか、b) 要素に別のクラス名を使用します。ターゲットにしたい（http://jsfiddle.net/Mm9HX/）-それがCSSクラスの目的です。

3 に答える 3