选择后代的第一个或最后一个元素

Question

我想只选择课程media的第一个（或最后一个）元素。

我无法将其他类添加到任何html中，它只能是CSS。该部分中的其他div是不同类型的内容，与我的media无关。我也无法触及这些。

我的计划是仅为media类的第一个div添加顶部边框。此外，未设置stuff的div数量，可以是任意数量。内部stuff和media的div数量也可以是任意数量。但是模式保持不变。

这就是我的html的样子：

    <section>
     <div class="stuff"></div>
     <div class="stuff"></div>  
     <div class="stuff">
      <div class="media"></div>
     </div>
     <div class="stuff">
       <div class="media"></div>
     </div>
     <div class="stuff"></div>
    </section>