我使用较少,并尝试获得最后一个输入,以10px的margin-bottom.这是我所拥有的,但它不起作用,而不是在最后一个输入上应用margin-bottom.任何想法为什么？
input {
margin-bottom: 0px;
&:last-child {
margin-bottom: 10px;
}
}
和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>
解决方法
你最后的输入不是最后一个孩子 – 那将是你的按钮.
使用：last-of-type代替选择最后一个输入：
input {
margin-bottom: 0px;
&:last-of-type {
margin-bottom: 10px;
}
}
