Question

我有几个由php生成的div，其中包含类.child的子项（其中包含不同类的div）。
以下是它的简单示例：

<div class="container">
  <div class="child"></div>
  <div class="other-class"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="other-class"></div>
</div>
<div class="container">
  <div class="other-class"></div>
  <div class="child"></div>
  <div class="other-class"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="other-class"></div>
</div>

我想将最后一个div定位在我页面中每个.child的{{1}}类，以便修改其边距和其他一些调整。

由于它是由php生成的，因此我无法预测出现具有类.container的div的位置，以及将生成多少个div。这取决于我的sql数据库中的数据。

此外，用户可以通过ajax在.child底部添加一个类.child的新div，在这种情况下，css将不再以当前的.container为目标但是用户生成了新的。

我已经用css尝试了几件事（最后一个孩子，最后一个类型等等），但我无法成功定位我的div。
这个帖子是重复的（我已经咨询了许多其他人），但他们都已经4年多了，大多数都带来了jquery替代品。
用css实际做到这一点还有什么新东西吗？

Answer 1

你试过这个吗？

.container .child:last-child

Answer 2

尝试这个：

.container > div:last-child { }

使用特定类定位最后一个元素

2 个答案: