html - 选择标签的最后一个孩子

Question

我正在做一个项目，但我找不到选择仪表板最后一个孩子的方法

<div class="dashboard">
<div class="grid_6 alpha">
<div class="grid_6 omega">
<div class="grid_6 alpha">
<div class="grid_6 omega">
<div class="grid_6 alpha">
<div class="grid_6 omega"> //i wanna select this
<div class="clear"></div>
</div>

我试过了

.dashboard:last-child
.omega:last-child

Answer 1

最后一个孩子是.clear，不是.omega，所以.omega:last-child不会工作。

如果那.clear将永远存在，请.omega:nth-last-child(2)改用。

如果你不能保证这一点，那么没有一些脚本是不可行的。

Answer 2

我想你可以使用 nth-child() 选择器。链接：nth-​​child()

编辑：不能拼写。

Answer 3

<div>
<span>John,</span>
<span>Karl,</span>
<span>Brandon,</span>
<span>Sam</span>
</div>
<div>
<span>Glen,</span>
<span>Tane,</span>
<span>Ralph,</span>
<span>David</span>
</div>

<script>
$("div span:last-child")
.css({color:"red", fontSize:"80%"})
.hover(function () {
      $(this).addClass("solast");
    }, function () {
      $(this).removeClass("solast");
    });
</script>