Mein Rand links funktioniert nicht, warum

Question

Warum meine Margin-left-Eigenschaft nicht funktioniert? Ich möchte Klasse verwenden, um mit Rändern, nicht CSS innerhalb von HTML zu arbeiten. Hier ist https://jsfiddle.net/mhzhvfo2/

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

Answer 1

Diese beiden Ihre Marge zwingende.

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

könnten Sie die Klasse entfernen col dieses Problem zu beheben.

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

Answer 2

Sie können col entfernen, wenn Sie möchten.

Stattdessen können Sie aber auch !important in der Klasse .margin_5_of_12 hinzufügen, so dass die vorherigen Regeln ignoriert werden und die Regeln dieser Klasse angewendet werden.

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