目標最後一個元素與特定類

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> 

我希望定位在我的網頁每一個.container的類.child的最後一個div以修改它的利潤率和其他一些調整。

由於它是由php生成的，我無法預測將出現類.child的div的位置，也不會生成它們的數量。這取決於我的sql數據庫中的數據。

另外，用戶可以用類.child在.container底部通過Ajax添加新的div，在這種情況下，CSS將不再針對當前的上次.child而是由用戶產生新的。

我已經嘗試了幾個事情與CSS（最後一個孩子，類型的最後...等），但我無法成功定位我的div。
這個線程是重複的（我諮詢了很多其他人），但他們都是4歲以上，主要帶來jQuery替代品。
實際上用css做這件事有什麼新東西嗎？

Answer 1

你試過嗎？

.container .child:last-child 

Answer 2

嘗試這樣的：

.container > div:last-child { }