CSSクラスの一部を変更する

Question

かなり大きいCSSでいくつかのコンテナクラスを作成しました。私のdivの1人がこのコンテナクラスを使用しますが、パディングを10pxから変更したいと思います。 〜0px。私はこのために全く新しいクラスを作りたくありません。これを行う最も効率的な方法は何ですか？

HTML

<div class="my-container"> 
</div> 

で

私のdivの例私のコンテナクラス

.my-container 
{ 
    lots of fields... 
    padding:10px; 
} 

私が何をしたいの例の例あなたは

.my-container 
{ 
    lots of fields... 
    padding:0px; 
} 

Answer 1

新しいクラスを作成せず1行で新しいクラスを追加できます.my-containerを継承します：

あなたが新しいため、「フィールドの多く」ですべてを繰り返す必要がし​​たくないので、私はこのために全く新しいクラスを作成する必要はありません*

.my-container{ 
 
    border: 1px solid blue; 
 
    background: red; 
 
    margin: 10px 0; 
 
    padding:10px; 
 
} 
 
.my-container.no-padding{ 
 
    padding:0px; 
 
}

<div class="my-container">my-container 
 
</div> 
 
<div class="my-container">my-container 
 
</div> 
 
<div class="my-container no-padding">my-no-padding-container 
 
</div> 
 
<div class="my-container">my-container 
 
</div>