Псевдоэлемент :before - Вопросы по CSS

Нужен совет, не получается нагуглить)
Например, в верхнем меню пункты отделены друг от друга символом |
Для этого в CSS прописываю
#menu li:before {
  content: "|";
  left: -10px;
}
а, для того, чтобы первый пункт не имел этого знака т.к. портит дизайн http://joxi.ru/v29NBaxhnd6KAG делаю так:
#menu li.item-95:before {
display: none;
}

Но, неоднократно замечал, что в клубных шаблонах такого нет т.к. там уже в коде соответствующий пункт меню просто не имеет псевдоэлемента :before
Как этого добиться?

#menu li + li:before { ...}

если использовать для первого использовать -- first-child ?

#menu li + li:before { ...}

Идея хорошая, но работать не будет, т.к. применится только к непосредственному соседу. Если доработать, то так:


Так проще:

Идея хорошая, но работать не будет, т.к. применится только к непосредственному соседу.
...

неа, будет работать
Применяется ко всем элементам, перед которыми есть сосед, кроме первого, у которого его нету ..

Может быть. Надо будет проверить. Значит два решения есть.