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

Question

I have a dynamically generated snippet of HTML which could look something like this (but may have many different levels of nesting):

<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>

I would like a CSS expression to select the last element with the class thing that is a (not necessarily direct) child of .content .

:last-child or :last-of-type won't work because they match if the element is the last child (of a certain type) of their parent, in which case it will match more than .thing .

Is there a CSS expression I can use to do this?

Answer 1

这个问题的答案表明，遗憾的是，这在CSS中是不可能的。