CSSと同じですか？

Question

CSSでは "same as x"と言うことができますか？たとえば：

div.red 
{ 
    color: red; 
} 

div#red 
{ 
    same-as: div.red; 
} 

私はdiv.red, div#red {を行うことができます知っているが、私は、全体のスタイルブロックをコピーすることなく、別々のファイルに2つを持っていると思います。

Answer 1

あなたはCSSでそれを行うことはできません。

<div id="red" class="red"></div> 

、あなたのdiv#red要素がdiv.redからすべてのスタイルを継承します：正しい方法はあなたの#red要素でredクラスを定義する場合、そのような方法で、正しいマークアップを使用することです。あなたはあなたのCSSで何か気になることをする必要はありません。あなたのCSSは単に

div.red { 
    color: red; 
} 

div#red { 
    /* something specific to #red */ 
} 

を使用すると、単一の要素に複数のクラスを持つことができますので、あなたが倍数クラスからのスタイルを組み合わせることができますことを、覚えておいてくださいすることができます。

Answer 2

CSSは、「変数」を扱うことはできませんが、LESS CSSフレームワークは、このような状況（と同じ静脈でより多くの）を処理するために作成されました：ここに

はLESS CSSサイトからのサンプルです：

// LESS example - re-using a color setting 

@color: #4D926F; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
}