SCSSのdivのクラスへのアクセス

Question

私はちょうどSCSSに入った。前に尋ねられた場合は謝罪しますが、私がやりたいこととはまったく一致するものはありません。

私は動的に特定のdivにクラスを割り当て.erb景色を眺めることができます。

@each $c in CLASSES { 
    $g: $g, $c; 
} 
linear-gradient(to bottom right, $g); 
//would be equivalent to linear-gradient(to bottom right, #F00, #0F0, #00F); 

Answer 1

サスはCSSプリプロセッサの意味である：

<div class="red blue green">Hello world!</div> 

が、私はこのような何かを行うことができますので、div要素のすべてのクラスにアクセスする方法があります：たとえば、私はこのような何かを持っているかもしれませんそれはCSSにコンパイルされ、CSSそのものはHTMLの存在や使用方法を知らないため、実行できません。あなたは、あなたのCSSを書いている方法を再考し、多分に同様のアプローチで行く必要があります。

.gradient-rgb { linear-gradient(to bottom right, #F00, #0F0, #00F) } 
.gradient-gbr { linear-gradient(to bottom right, #0F0, #00F, #F00) } 
.gradient-brg { linear-gradient(to bottom right, #00F, #F00, #0F0) } 

あなたは、このアプローチに従うならば、あなたはいくつかの努力でクラスを生成するためにあなたのサスマップを使用することができると思います。非常に多くの可能性を生成することが実現可能でない場合は、JavaScriptを使用することも検討することができます。