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>

选择标签的最后一个孩子

3 个答案: