meno css con il selettore last-child

Question

Sto usando less e cercando di ottenere l'ultimo ingresso avere un margin-bottom di 10px. Ecco cosa ho, ma non funziona e non si applica il margine inferiore all'ultimo input. Qualche idea, perché?

input { 
    margin-bottom: 0px; 

    &:last-child { 
    margin-bottom: 10px; 
    } 
} 

E l'HTML

<form id="auth-form"> 
    <input id="ember367" class="ember-view ember-text-field" placeholder="Email" type="email" name="email"> 
    <input id="ember368" class="ember-view ember-text-field" placeholder="Password" type="password" name="password"> 
    <div class="clear"></div> 

    <a class="pull-left forgot-password">Forgot password?</a> 
    <button class="pull-right" data-ember-action="1" type="button">Sign In</button> 
</form> 

Answer 1

La tua ultima input non è l'ultimo figlio - che sarebbe la vostra button.

Usa :last-of-type invece per selezionare l'ultima input:

input { 
    margin-bottom: 0px; 

    &:last-of-type { 
    margin-bottom: 10px; 
    } 
}