Html 很难使用CSS来定位特定的div

我想针对最后一个“进度条”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，但似乎都没用

---

感谢您的帮助

听起来可能有点违反直觉，伪类如

：last child

和

：last of type

不按类选择元素，只按元素（即div）选择元素。将类添加到伪类选择器使其行为更像一个过滤器，并且仅当元素具有类时才使其应用——但是它不会按其类选择元素。是的，类的最后一个选择器不存在。对于您粘贴和描述的标记，我认为不可能达到您想要的结果。这可能不是正确的答案，但如果标记与上面完全相同，并且“.prog bar”后面总是有2个div，为什么不使用伪选择器“：nth last child（3）”？@jae.phoenix此问题的创建者说：“有时会有1个进度条，有时2个，有时3+”。所以我认为你的回答对这个问题没有帮助。@GreenAtomic是的，但在他的例子中有2个进度条。因此，如果我删除最后一个进度条以及它后面的“manage users select”div，仍然有效。但可能我的阅读/理解有误。