Html CSS呈现问题

我被我的CSS卡住了

在过去的几天里，我一直在学习CSS选择器，感觉自己正在进步。现在，我无法通过1个问题，但我不明白是什么原因导致了这个问题

<aside>
<section>
    <article>
    <h1>Campaign Details</h1>
    <div class="table">
        <p><span>Campaign </span><span>This</span></p>
        <p><span>Campaign </span><span>That</span></p>
        <p><span>Campaign </span><span>Created on 03/09/2014</span></p>
        <p><span>Campaign </span><span>03/09/2014 11:57:41</span></p>
        <p><span>Campaign </span><span>03/09/2014 11:59:52</span></p>
        <p><span>Number</span><span>1</span></p>
    </div>
</article>

从这个屏幕上可以看到

正如你们所看到的，我有额外的填充物，但我不知道这个填充物是从哪里来的

无论标签的数量如何（格式相同），最后一个条目都存在问题。我曾考虑使用CSS选择器来计算最后一个孩子的

，

，但这让我感觉很不舒服

有可能解决这个问题吗

aside section :last-child {

导致利润率下降的原因是：

margin-left: 10px;

---

这就是为什么它在最后一项上有额外的10px提升。

我建议使用css重置表。它们重置了奇怪的默认样式，所以你不必担心跨浏览器的事情，比如“搁置部分：最后一个孩子”

---

以下是一个示例：

您在

元素

选择器和

最后一个子项

选择器之间添加了一个空格：

aside section :last-child...

它应该没有空格（因为空格表示新的子选择器）

aside section:last-child...

那么你就有了你想要的效果

---

老实说，这应该是一个表格，因为它似乎是表格数据。

删除

左边的空白：10px

到

旁白部分：最后一个子项

-这是由

旁白部分：最后一个子项{margin left:10px；}

引起的。我需要这个标记，因为其他标记（未显示标记），但只需将其更改为

margin left:0解决了它，我甚至明白为什么！！！太棒了，谢谢
aside section:last-child...