CSSクラスを継承することは可能ですか？

Question

I持つ二つのCSSクラス：

magrin{ 
    margin-top:35px; 
    background-color:red; 
} 

#MainContent { 
    margin: 0 .3em; 
    font-size: .8em;  
} 

それは#MainContentクラスを継承magrinクラスを作ることは可能ですか？

Answer 1

私が知る限り、そのようなものはありません。しかしmagrinには、ルールの先頭に.を追加することで、ID MainContentの要素に追加することができます。 IDは一意である必要がありますが、要素はIDクラスと1つ（または複数）のクラスの両方を持つことができます。

Answer 2

SASSでクラス継承が可能です。あなたはこのように動作します、それをチェックアウトすることもできます。

.magrin{ 
    margin-top:35px; 
    background-color:red; 
} 

.MainContent { 
    @extend .magrin; 
    margin: 0 .3em; 
    font-size: .8em;  
} 

続きを読むhttp://sass-lang.com/guide

Answer 3

にあなたが#MainContent

magrin, #MainContent { 
    margin-top:35px; 
    background-color:red; 
} 

#MainContent { 
    margin: 0 .3em; 
    font-size: .8em;  
} 

このような

Answer 4

Noにmagrinスタイルを適用することができます。

CSSの継承はありません1つのルールセットから別のものに、子要素に親要素からです。

グループ化セレクタを使用してスタイルを記述したり、複数のクラスを単一の要素に適用したり、SASSやLESSなどの前処理ツールを使用したりすることができます。この場合

、グループ化セレクタ（,）は、おそらくベストフィットのようになります。

#MainContent { 
    margin: 0 .3em; 
    font-size: .8em;  
} 

#MainContent, magrin{ 
    margin-top:35px; 
    background-color:red; 
}