在ul中选择最后一个li

Question

我在这里想要实现的是能够选择每一行中的每个最后一个li。

我有一个带有6个列表项的ul，其样式已设置为3行和2列。 我需要能够选择每行的最后一项以重置边距。

在此处查看示例： http : //jsfiddle.net/FvBqA/162/

欢迎所有建议！

Answer 1

您可以使用CSS3 :nth-child()选择器。 由于CSS3可能与所有浏览器都不兼容，因此请考虑jQuery的：nth-child（）选择器。

Answer 2

类似于：

$('ul#some-id li:last-child');

编辑：因此，如果我从您的jsfiddle中的注释中正确理解，您想获取列表的第二，第四和第六个锂？

如果是，请尝试

$('ul li:nth-child(even)');

Answer 3

$(document).ready(function()
{
  $("li:odd").css("margin-right", "0");
});

这有效

Answer 4

如果是jQuery，请使用:odd选择器（请注意，它是从零开始的，这就是为什么它不是:even的原因）。

它的CSS版本是:nth-child(even) （基于一个，这就是为什么它不odd ），如下面的JSFiddle所示： http : //jsfiddle.net/FvBqA/167/

jQuery版本为:odd ，如以下JSFiddle所示： http : //jsfiddle.net/FvBqA/171/