：当我在其后添加元素时，last-child不工作

Question

我有一个由div中的5个uls组成的代码。我还有一块CSS改变了最后一个孩子的底部边缘。我有#divid ul:lastchild{margin-bottom: 10px;}，它有效，但是当我在最后一个ul之后添加更多div时，它没有。

<div id="divid">
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
    <ul>
</div>

#divid ul:lastchild {
    margin-bottom: 10px;
}

Answer 1

使用last-of-type如果您不想设置上一个ul，无论它实际上是其父级中的最后一个元素。

#divid ul:last-of-type {
    margin-bottom: 10px;
}