说我有一个清单如下：

• 项目1
• item2
• 项目3

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

干杯!

解决方案

回答

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

CSS伪类的第一个孩子将带我们获得第一项，但并非所有浏览器都支持它。 CSS3也将具有最后一个子项(Firefox，Safari当前支持此功能，但IE 6/7 / beta 8不支持)

回答

在得到适当支持之前，我们需要按照建议将类添加到"最后一个"项目中。不过，我们不必手动执行此操作。如果我们可以使用JavaScript，请看看以下两种情况之一：

• jQuery：last-child选择器
• 让孩子与后代保持一致(Alex Bischoff的另一篇文章)，一种特定的，重量轻的方法

两种方法都可以避免"污染"标记，并且如果样式是"很好的添加"而不是"必须具备"的设计功能，则完全可以接受。