2017-02-24 13 views
0

他のCSSクラスへの参照であるクラスを定義することは可能ですか?Cssクラス値の置換

あるmain.css

// this is just a pseudo code for the lack of the proper command if it exists 
.a { 
    #ref: '.b, .c' 
} 

plugin.css

.b { 
    color: red; 
} 
.c { 
    font-size: 1em; 
} 

index.htmlを輸入あるmain.cssとplugin.css

<div class="a">Hello</div> <!-- a should be substituted or resolved to .b and .c --> 

答えて

1

sass以下のようなプリコンパイラがないわけではありません。あなたは複数のクラスを指定し、いくつかの特定のCSSが

<span class="mycolors myfontsize">text</span> 

.mycolors { 
    color: red; 
} 
.myfontsize { 
    font-size: 2em; 
} 

属性か、CSSのカンマ区切りの複数のクラスがクラス

のすべてにいくつかのプロパティを適用することができ、それらのそれぞれを与えることができ、プリコンパイラなし

.a,.b,.c { 
    color: red; 
} 
+0

ええ、OPに、私はこれがあなたが探しているものだと思います。個人的には、可変構文が最も簡単なので、私はLESSを好む。 '@変数 'を宣言し、それを後の値として呼び出すことができます。例: '@color:#555;'> '.class {background-color:@color;' – Jesse

+0

ありがとうございました – artemisian

1

いいえ、それはできません。スタイルシート2で

しかし、限り、あなたは単にスタイルシート1で

class_a { 
    color: green; 
} 

のように、あなたはまだ別のスタイルシートからそれらを組み合わせることができます異なる特性を組み合わせているようと

class_a { 
    background-color: red; 
} 

は、両方のプロパティを追加します両方のスタイルシートが互いに参照されている場合は、クラス属性がclass_aのタグの設定。

+0

ありがとう – artemisian

関連する問題