html - 删除CSS中第一个 child 的上边框和最后一个 child 的下边框

Question

我有以下 HTML:

<ul>
<li>FIRST</li>
<li>SECOND</li>
<li>THIRD</li>
<li>FOURTH</li>
<ul>

以及以下 CSS:

li
{
 border-top:1px solid #FFF;
 border-bottom: 1px solid #D0D0D0;       
}​

如何删除第一个 LI 元素的上边框和最后一个 LI 元素的下边框？

Answer 1

li:first-child {
  border-top: none;
}
li:last-child {
  border-bottom: none;
}

就是这样。