Css, после псевдо класса

Question

Так что у меня проблема с размещением «|» после нескольких <a> в CSS. Я хочу его после всех, кроме последнего. Так я пробовал .footer-links:after:not(:last-child){ content: "|"; }, но это не сработало.

Любые предложения, почему и как это можно решить, не используя:

.footer-links:after{ content: "|"; }

.footer-links:last-child:after{ content: ""; }

Если это невозможно, то есть также решение :)

Спасибо!

пс. Я довольно новый псевдо-классы, так что игнорировать мое невежество, если есть какое-либо :)

Answer 1

Попробуйте с

.footer-links:not(:last-child):after { content: "|"; }