假设我有一个如下列表：
- 项目1
- 项目2
- 第 3 项
是否有一个 CSS 选择器可以让我直接选择列表的最后一项？在这种情况下，第 3 项。
干杯!
Marcel Tjandraatmadja
问问题
11873 次
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，请查看以下任一选项：
- jQuery :last-child 选择器
- 让 Elements 的孩子与后代保持一致（Alex Bischoff 的列表分开文章），一种特定的、轻量级的方法
两者都可以避免“污染”您的标记，并且如果您的风格是“不错的补充”而不是“必须具备”的设计功能，则完全可以接受。
于 2008-09-09T09:49:00.587 回答
3
这个问题的答案应该更新！IE9 + Firefox（前一阵子）+ Chrome、Safari 全部支持：last-of-type或last-child
于 2012-11-04T20:27:47.663 回答