余裕が残っていません、なぜ

Question

私のmargin-leftプロパティが機能しないのですか？私はマージンで動作するようにクラスを使用したいが、htmlの中ではCSSではない。ここ は、これら二つはあなたのマージンをオーバーライドしているhttps://jsfiddle.net/mhzhvfo2/

<div class="col span_1_of_12 margin_5_of_12"> 
1 of 12 
    </div> 

Answer 1

です。

.col:first-child { 
    margin-left: 0; 
} 
.col { 
    display: block; 
    float: left; 
    margin: 0% 0 0% 0%; 
} 

この問題を解決するには、クラスcolを削除できます。

<div class="span_1_of_12 margin_5_of_12"> 
1 of 12 
</div> 

Answer 2

必要に応じてcolを削除できます。

代わりに、クラスに!importantを追加して、以前に適用されたルールを無視して、このクラスのルールを適用することもできます。

.margin_5_of_12 { 
margin-left: 41.66% !important; 
}