Моя маржа слева не работает, почему

Question

Почему мое свойство margin-left не работает? Я хочу, чтобы класс use работал с полями, а не css внутри html. Вот 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_5_of_12 { 
margin-left: 41.66% !important; 
}