FirstChild and LastChild Selector

FirstChild and LastChild Selector example

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
</ul>

CSS

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  border-top: 1px solid #5eacc2;
  border-bottom: 1px solid #062933;
  background: #1c7791;
  padding: 5px;
  color: #fff;
}

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

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