特定のクラスを持つ最後の要素をターゲットにします

Question

私は、.child（他のクラスの中ではクラスが異なる）の子を含むphpによって生成されたdivをいくつか持っています。私はそのマージンおよびその他のいくつかの微調整に変更するために、私のページ内のすべての.containerのクラス.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> 

：ここ
は、それがどのように見えるかの単純化されたサンプルです。

これはphpによって生成されるため、クラス.childのdivがどこに表示されるのか、生成されるdivの数が予測できません。それは私のSQLデータベースのデータに依存します。

また、ユーザーは、AJAXを通じて.containerの下部にあるクラス.childで新しいdiv要素を追加することはできません、この場合には、CSSは、もはや現在の最後.childが、ユーザーによって生成された新しいものを標的とします。

私はcss（last-child、last-of-type ...など）でいくつかのことを試しましたが、divを正常にターゲットできませんでした。
このスレッドは重複しています（私は多くの人に相談しました）が、それらはすべて4歳以上で、主にjqueryの選択肢を持っています。
実際にCSSでこれを行うには何か新しいことはありますか？

Answer 1

これを試しましたか？これに

.container .child:last-child 

Answer 2

試してみてください。

.container > div:last-child { }