.container span:after {
  content: '|';
}

.container span:last-child:after {
  content: '';
}

<div class='container'>
  <span>a</span>
  <span>b</span>
  <span>c</span>
</div>

<div class='container'>
  <span>a</span>
</div>