css - CSS要素グループ演算子?

Question

CSS に要素のグループ化が存在するかどうかを調べようとしています。次のコードがあるとしましょう：

.user-form .group-area .test, .user-form .group-area .test2{}

.test と .test2 をグループ化して次のようにする方法はありますか:

.user-form .group-area (.test .test2){}

これは、同じスタイルが .test 要素と .test2 要素の両方に適用され、.user-form .group-area を 2 回繰り返す必要がないことを意味します。

Answer 1

レベル3セレクターをサポートするブラウザーでは、属性セレクターと一致する部分文字列を使用できます。

.user-form .group-area *[class^="test"]

フィドル： http： //jsfiddle.net/yh9Fw/1/

Answer 2

これを使用できます--> http://lesscss.org/#synopsis