CSS ul li：避免双边界

我有一个UL

border: 1px solid grey;

它包含几个LI

border-bottom: 1px dotted grey;

保持物品在视觉上分开.但是现在最后一个李有虚线边框和UL固体边框！这看起来很讨厌.我该如何避免？有没有办法把边界放在李氏而不是之后呢？

解决方法

CSS3选择器可以定位：first-child或：last-child,如下所示：

ul {
    border: 1px solid grey;
}
li {
    border-bottom: 1px dotted grey;
}
li:last-child {
    border:none;
}

一个工作实例：http://api.fatherstorm.com/test/4165384.php

原文地址：https://www.jb51.cc/css/214570.html