擬似要素の:notと:last-childを組み合わせて指定します。
html
1 2 3 4 5 | < ul > < li >One</ li > < li >Two</ li > < li >Three</ li > </ ul > |
css
1 2 3 4 5 6 7 8 9 10 11 12 13 | ul { list-style-type : none ; text-align : center ; } li { display : inline ; } li:not(:last-child):after { content : ' |' ; } |
:last-childで最後の要素を指定し:notで指定された要素以外を指定します。
つまり、最後の要素以外というセレクターができます。