Child selectors

by samando27

HTML

<div>
  <span>First</span><span>Middle</span><span>Last</span>
</div>

CSS

span {
  border-width: 1px 0;
  border-style: solid;
  border-color: black;
  padding: 0 10px;
}

span:first-child {
  border-width: 1px 0 1px 1px;
}

span:last-child {
  border-width: 1px 1px 1px 0;
}