Öğelerin bir listesi var:

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>

Ve böyle tarz:

ul {
    list-style-type: none;
    text-align: center;
}

li {
    display: inline;
}

li:not(:last-child):after {
    content:' |';
}

Çıkışları One | Two | Three | Four | Five | yerine One | Two | Three | Four | Five

Herkes CSS tüm seçmek için biliyorum ama son eleman?

:not() seçici tanımını görebilirsiniz here

Eğer seçim ile ilgili bir sorun varsa, hepsini ayarla ve son kılabilirsiniz

li:after
{
  content: ' |';
}
li:last-child:after
{
  content: '';
}

ya da eğer daha önce kullanabilirsiniz, gerek çocuk son

li li:before
{
  content: '| ';
}