选择最后一个连续的同级

Question

如何选择一系列相邻元素中的最后一个元素？

考虑以下标记：

的HTML

<ul>
    <li class="foo">...</li>
    <li class="foo">...</li>
    <li class="foo">...</li> <!-- bingo -->

    <li class="bar">...</li>
    <li class="bar">...</li>
    <li class="bar">...</li>
    <li class="bar">...</li> <!-- bingo -->

    <li class="foo">...</li> <!-- bingo -->

    <li class="bar">...</li>
    <li class="bar">...</li> <!-- bingo -->
</ul>

连续foo或bar元素的数量是动态的。同样，假设标记不能以任何方式修改。

选择相邻元素非常简单：

的CSS

.foo + .foo, 
.bar + .bar { /* do something */ }

但是，在一系列连续元素中选择最后一个元素是否可行？

Answer 1

您必须动态设置列表...在这种情况下为最后一个元素指定名称或 id 并添加您想要的 css 效果...

根据我的说法，你所问的问题是不可能的，除非你有某种方法来识别最后一个元素（可能是 id 或名称，如果你可以控制，请再次设置）