选择具有特定ID的最后一个孩子

Question

所以这就是事情：

<div id="wrapper" > <div id="x"></div ><div id="x"></div ><div id="x"></div><div id="y"></div>
</div>

那么如何在包装器中选择id = x而不是y的最后一个div？对不起，但我不知道如何使代码可见。

Answer 1

ID是唯一的，因此要选择它，您应该只使用

#x {}

我会问你为什么要使用多个id，也许一个类会更好？

修改的 刚刚注意到你粘贴了一些代码。

你真的不应该像你一样使用ID，你需要使用类替换你的id：

class="x"

如果仅适用于现代浏览器，则可以使用最后一个类型选择器

.x:last-of-type

如果回到IE6，你总是可以像上一个一样添加一个类，然后选择它

class="x last"

.x.last {}

编辑问题

要使用您的包装选择，请将其添加到选择器的前面：

#x .x.last {
    /** css goodness here **/
}