如何使用nth-child()而不是CSS中的子项?

时间:2011-10-13 03:49:54

标签: css css-selectors

我希望做一些类似于jQuery的eq()选择器,以根据订单在页面上定位元素。 :nth-​​child()正是我需要的,除了我想要的目标元素不是孩子。例如:

<div></div>
<div></div>

如果我想要定位上面的第二个div,我可以在css中使用什么(实际上没有给它一个id或类)?

2 个答案:

答案 0 :(得分:2)

你不能从CSS选择器的一组任意,无关的匹配中选择第n个元素。

您只能使用$('div:eq(1)')在jQuery中执行此操作。

答案 1 :(得分:0)

如果这些是相邻div元素的唯一,那么您可以使用div + div。否则,这将匹配从第二个开始的所有div。

在这种情况下,您还必须通过指定div + div + div规则来重置您应用的任何CSS。这将适用于从3日开始的所有后续div。