css - 识别最后一个元素

Question

我如何使用 css 找到最后一个子元素，这是我的代码。

<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div>
<div class="rightelement"></div>
<div class="leftelement"></div> <!-- this element -->
<div class="rightelement"></div>

我尝试了下面的方法，但它对我不起作用。任何人都可以帮助我。我不想使用第 nth-child 因为有时元素的数量可能会增加

.leftelement:last-of-type 和 .leftelement:last-child 不工作

Answer 1

您不想使用 css 选择器？然后你应该编辑你的标签。

您可以使用 jQuery last() 函数。

.last()

Description: Reduce the set of matched elements to the final one in the set.

$('.wow').last().css('color','blue');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wow">wow
</div>
<div class="lol">EOOOW
</div>
<div class="wow">HEYY
</div>
<div class="lol">LOL
</div>