在不同级别的元素中选择具有给定类型的最后一个子级

Question

我有一个动态生成的HTML片段，看起来像这样（但可能有很多不同的嵌套级别）：

<div class="content">
    <div class="thing"></div>
    <div>
        <div class="thing"></div>
        <div class="thing"></div>
    </div>
    <div>
        <div>
            <div class="thing"></div>
            <div class="thing"></div>
        </div>
    </div>
    <div>
        <div class="thing"></div>
    </div>
</div>

我想要一个CSS表达式来选择类thing的最后一个元素，它是.content的（不一定是直接的）子元素。

:last-child或:last-of-type无法正常工作，因为如果该元素是其父级的最后一个子级（某种类型），则它们匹配，在这种情况下，它将匹配超过{{ 1}}。

我可以使用CSS表达式来执行此操作吗？

Answer 1

this question的答案表明，遗憾的是，这在CSS中是不可能的。