Html 为什么'；类型的最后一个'；伪类不工作？

我的HTML中有一个带有四个

标记的部分。我想用CSS选择最后一个，并应用

边距顶部

，但显然类型的伪类

最后一个不能正常工作。类型的第n个
也会发生同样的情况。为什么会这样？我的代码如下：

HTML

当“清除”属性生效以将图元移动到浮动图元的下边缘下方时，将忽略（覆盖）顶部边距

若要建议另一种选择，请告诉我们您为什么希望为该元素提供不同的上边距。
它对我来说是正常的，兄弟。什么浏览器？？？我的浏览器是Google Chrome。对我来说，它不起作用。@BrunoSdoukos:你能再解释一下吗？我想在
h2
和
页脚上面加一个
margin-top
，因为我试图在这个问题的代码中的两个带float的链接下面加一个
margin-bottom
，这样做的结果是一样的，但它不起作用。我想要一个空白，也就是说，一个空格，在我的链接下面。奇怪。这应该行得通。无论如何，我不知道还有什么其他样式应用于内部，但您是否考虑过在“lastsection div:last of type h2”上应用上边距？
    <section id="lastsection">
    <div>
    <h2>Design Heading</h2>
    <p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
    </div>
    <div>
    <h2>Design Trends</h2>
    <p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
    </div>
    <div>
    <h2>Design Users</h2>
    <p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
    <a href="#">Get Started</a>
    </div>
    <div>
    <h2>Design Goals</h2>
    <p>Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</p>
    <a href="#">Buy Now</a>
    </div>
</section>

    #lastsection a{
    float: right;
}
#lastsection div:last-of-type{
    margin-top: 50px;
}