別のセレクタのCSSセレクタスタイルをインポートしますか？ （@importではなく）

Question

単一のCSSセレクタのスタイリングを別のCSSセレクタにインポートし、それを追加したり、そこからプロパティを書き直したりする方法はありますか？

.original_class{ 
background:black; 
color:white; 
} 
.overwrite{ 
@import(.original_class); /* I know this doesn't work */ 
color:blue; 
border:1px solid green; 
} 

は、私はちょうど.original_classを再宣言し、（CSSスタイルは上から下に書き換えされているので）、新しい値を割り当てることによって、これを達成することができますが、これは、元のCSSの属性を置き換えます：

さんが言ってみましょうクラス。私が望むのは、それらのプロパティを別のクラスに継承することです（複製すること）。

Answer 1

直接、

<div class="original_class overwrite">...</div> 

これは、同じ効果を持つことになりますが、あなたは、あなたがそのようにスタイリングしたいすべての要素のためにこれを行う必要があります：

あなたのHTMLにこのような何かを行うことができます。

継承/ミックスインをサポートするSASSのようなCSSプリプロセッサを使用するオプションもあります。

Answer 2

残念ながら。少なくとも私は1マイルの長さのポールで触れていないそれらの派手なCSSのプラグインのもののいずれかなしでは...

もちろん、1つの要素に複数のクラスを持つことを止めるものはありません。

Answer 3

ちょっと迂回したい場合は、多分thisがあなたのためです。

Answer 4

カンマ（grouping selectors）との既存のセレクタからそれを分離することにより、最初のルールに.overwriteセレクターを追加することができますので、セレクタルールは.original_class, .overwrite次のようになります。

また

.original_class, 
.overwrite { 
background: black; 
color: white; 
} 
.overwrite { 
color: blue; 
border: 1px solid green; 
} 

、あなたが書くとき：

これは、元のCSSクラスの属性を置き換えます

CSSには属性やクラスといったものはなく、OOPの意図した意味ではありません。ルール、セレクタルール（HTML ID、クラス、要素、属性、その他の擬似オブジェクトを選択するためのルール）、宣言、プロパティ、および値があります。