css - CSS选择所有后代中的最后一个元素

Question

在不知道 html 结构的情况下，我想选择.foo里面的最后一个元素.main。换句话说，类的最接近.foo结束标记的元素.main。

<div class="main">
  <div class="foo a">
    a
  </div>
  <div class="foo b">
    b
    <div class="foo c">
      c - select only this (last .foo among all descendants)
    </div>
    <div class="d">
      d
    </div>
  </div>
</div>

我当然可以.main > .foo > .foo，但我想要一个通用的解决方案。

标签： csscss-selectors