很难使用CSS定位特定的div

Question

我想定位最后一个“程序栏” div。有时会有1个编排，有时2个，有时3个以上。但是它始终需要是最后一个（如果只有1，则应该是第一个）。不幸的是，我无法更改HTML。

<div class="selector-card row">
  <h4>Manage Classes</h4>
  <div class="col-12">...</div>
  <div class="prog-bar col-1">...</div>
  <div class="manage-users-select select-school col-11">...</div>
  <!-- I want to target this div below -->
  <div class="prog-bar col-1">...</div>
  <!-- I want to target this div above -->
  <div class="manage-users-select select-school col-11">...</div>
  <ul class="bottom-nav">...</ul>
</div>

我尝试了：last-child和：last-of-type，但是似乎无法使其正常工作。

感谢您的帮助！