ít css sử dụng chọn cuối cùng con

Question

Tôi đang sử dụng less và cố gắng để có được những đầu vào cuối để có một margin-bottom của 10px. Đây là những gì tôi có, nhưng nó không hoạt động, và không áp dụng margin-bottom trên đầu vào cuối cùng. Bất kỳ ý tưởng tại sao?

input { 
    margin-bottom: 0px; 

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

Và 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

của bạn cuối cùng input không phải là con cuối cùng - đó sẽ là button của bạn.

Sử dụng :last-of-type thay vì để chọn cuối cùng input:

input { 
    margin-bottom: 0px; 

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