11

假设我有一个如下列表：

  • 项目1
  • 项目2
  • 第 3 项

是否有一个 CSS 选择器可以让我直接选择列表的最后一项？在这种情况下，第 3 项。

干杯!

4

3 回答 3

15

不是我知道的。传统的解决方案是用 class="first" & class="last" 标记第一个和最后一个项目，以便您识别它们。

CSS psudo-class first-child将为您提供第一项，但并非所有浏览器都支持它。CSS3 也会有last-child（目前 Firefox、Safari 支持，但 IE 6/7/beta 8 不支持）

于 2008-09-09T03:14:58.100 回答
6

在得到适当支持之前，您需要按照建议为“最后一个”项目添加一个类。不过，您不必手动执行此操作。如果您可以点击 javascript，请查看以下任一选项：

两者都可以避免“污染”您的标记，并且如果您的风格是“不错的补充”而不是“必须具备”的设计功能，则完全可以接受。

于 2008-09-09T09:49:00.587 回答
3

这个问题的答案应该更新！IE9 + Firefox（前一阵子）+ Chrome、Safari 全部支持：last-of-type或last-child

于 2012-11-04T20:27:47.663 回答