对,所以这很奇怪.此代码按预期工作:
HTML:
<section>
Section #1
</section>
<section>
Section #2
</section>
<section>
Section #3
</section>
Run Code Online (Sandbox Code Playgroud)
CSS:
section{
margin-right: 30px;
}
section:last-child{
margin-right: 0;
}
Run Code Online (Sandbox Code Playgroud)
前两个部分获得30px的右边距,而第三部分没有获得正确的边距.
现在,如果我在最后一节之后添加一个页脚元素,则会忽略:last-child.这样,所有三个部分都将具有30px的右边距.这在Mozilla和Webkit中都适用.
有没有人知道为什么会这样,以及如何修复它?