css - 新しい異なるスタイルのコンテナ内の複数のセレクターをターゲットにする

Question

に含まれるいくつかの要素 ( p、h4、h5、) があるとします。すべての要素がコンテナの外側でスタイル設定されていますh6labeldiv.container

p, h4, h5, h6, label{color: #fff;}

しかし、その特別なコンテナーに含まれているときに新しいスタイルを設定したいので、通常は次のように記述します。

div.container p, div.container h4, 
div.container h5, div.container h6, 
div.container label{color: #ddd;}

これはコーディングが長すぎます。これらすべての要素をターゲットにする方法 (短いコーディング) はありますか? お気に入り：

div.container [p, h4, h5, h6, label] {color: #ddd;}

注:プリプロセッサを使用したくありません。

Answer 1

プリプロセッサなしでそれを行う絶対的な方法はありません。

Answer 2

プレーンな CSS ではなく、SCSS ( Sass ):

div.container {
  p, h4, h5, h6, label {color: #ddd;}
}

デモ: http://jsfiddle.net/Guffa/rq7hx/

Answer 3

マークアップに関する詳細情報がなければ、これは私が言えることだけです:

タグ セレクターを削除できます (不要です)。

.container p,
.container h4, 
.container h5,
.container h6, 
.container label {
    color: #ddd;
}

反対に、CSS のカスケード原理を使用して、すべてpの 、h4、h5、h6およびlabelまったく同じクラス (たとえば.example) を追加すると、次のように CSS をスタックできます。

.example { color: #fff; }
.container .example { color: #ddd; }