Почему LESS не переопределяет свойство, объявленное в двух одинаковых селекторах?

Question

Вот код (test.less):

body { 
    padding: 50px; 
} 

body { 
    padding: 20px; 
} 

Почему после компиляции в CSS У меня есть это:

body { 
    padding: 50px; 
} 
body { 
    padding: 20px; 
} 

Я думал, что МЕНЬШЕ будет превалировать тело класс и в CSS Я d есть только один корпус класс.

Есть ли способ сделать это?

Answer 1

Меньше чем когда-либо отличается от CSS. Что это сделать, это переписать вложенные блоки, как

body { 
    padding: 50px; 
    h1 { 
    color: blue; 
    } 
} 

в

body { 
    padding: 50px; 
} 
body h1 { 
    color: blue; 
} 

Таким образом, в LESS, так же, как в CSS, порядок, в котором вы пишете ваши селекторы имеет значение, и если конфликты могут» t быть разрешен на specificity (см. Nicolas Gallagher's post для более читаемого объяснения того, как это работает), как правило, правило, последнее будет применено, таким образом, переопределяя более ранние.