JSFiddle - React, Tailwind, and code Playground

HTML

<a class="link" href="">foobar</a>
<a class="link" href="">foo</a>
<a class="link" href="">bar</a>

CSS

.link {
    display: inline;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.5);
}

.link::after {
      margin: 10px;
      content: " | ";
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-tap-highlight-color: transparent;
}

.link:last-child::after {
  content: '';
}