css - CSSセレクター（またはステートメント、コンテナー、セパレーターなど）

Question

CSSセレクター用のコンテナーはありますか？

クラスを繰り返さずにこれを行うためのよりエレガントな方法があるかどうか、私は単に興味があります：

#div1 .divClass, #div2 .divClass { color:cyan; }

これは私が考えていたものですが、それを行う方法はないと思います。

#div1,#div2 > .divClass { }
[#div1,#div2] .divClass { }

Answer 1

簡単な答え：いいえ。

両方のdivにクラスを追加できる場合のようです。

<div id="div1" class="sharedClass"></div>
<div id="div2" class="sharedClass"></div>

.sharedClass > .divClass { color: cyan; }

とにかく、この質問には複数の答えがあります。CSS機能を拡張するLESSを検討してください。次に、次のような素晴らしいことを行うことができます。

.divClass {
    /* ... */
}

#div1 {
    color: red;
    border: 1px solid blue;
    .divClass;
}

#div2 {
    color: cyan;
    border: 1px solid green;
    .divClass;
}

Answer 2

通常のCSSにコンパイルできるスタイルシート言語であるLESSのようなものを探しているようです。それはあなたの特定のケースであなたが求めているものを正確に実行しないかもしれません（しかし、それでも、私は試していません）が、それはあなたにとって有用であるように思えます。