HTML教程_新浪博客

last-child 选择器用来匹配父元素中最后一个子元素。意思就是指定倒数第一个（最后一个）对象设置CSS样式。请看以下代码举例：

http://s2/mw690/006sNHWgzy7oatFoCFX71&690
上面代码中创建了一个 ul 列表，列表里设置了三个 li 标签。

在CSS中，为 ul 规定了总宽度是1002像素，其中每个li标签的宽度是314像素，那么三个li标签就是942像素。

然后每个 li 标签都有一个右边30像素的外边距，三个 li 标签一共是90像素。这个时候 li 标签加上三个边距的总宽等于1032像素。很显然超过了父元素 ul 的总宽。这样三个 li 就没法在一排显示了，第三个会掉到下一行显示。效果如下：